javascript - 第一次输入后隐藏占位符

我有这个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个标签后隐藏占位符。我应该怎么做？一个代码示例将很棒。

最佳答案

下面的代码是概念性的，可能无法立即使用。关于您的代码如何工作有太多问题，并且无法在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>