Question

我有这个AngularJS代码，允许用户添加多个标签。

<tags-input min-length="1" add-on-comma="true" add-on-enter="true"  ng-model="modalData.tech" placeholder="Add Tags" display-property="tech">
    <auto-complete source="loadAutoComplete('tech', {value:$query}) | filter : $query"></auto-complete>
</tags-input>

我想在用户添加至少1个标记后隐藏占位符。我该怎么做？一个代码示例很棒。

Answer 1

以下代码是概念，可能无法开箱即用。关于代码如何工作的问题太多了，并且无法在jsFiddle中合理设置。

基本上，在placeholder属性中定义一个角度表达式，该角度表达式将根据已分配的标记数进行评估。

这取决于您modalData.tech的预期值，因此可能需要调整。

placeholder="{{modalData.tech.length ? '' : 'Add tags'}}"

在上下文中，这将是这样的：

<tags-input min-length="1" add-on-comma="true" add-on-enter="true"  ng-model="modalData.tech" placeholder="{{modalData.tech.length ? '' : 'Add tags'}}" display-property="tech">
    <auto-complete source="loadAutoComplete('tech', {value:$query}) | filter : $query"></auto-complete>
</tags-input>

在第一个条目后隐藏占位符

1 个答案: