第一次輸入後隱藏佔位符

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>