javascript - Angularjs:使用事件类在输入上添加占位符

Question

我有一个通过 ng-repeat 创建的输入列表。最初，除第一个输入外，所有输入均被禁用。第一个输入也有一个事件类(因为事件类所以它是红色的) Planker

当我专注于第一个输入字段时，第二个输入字段会启用相同的事件类。其他人也一样

所以我想做的是，如果输入有事件类，上面就会有一个“占位符文本”。如果没有事件类，就不应该有占位符。

如何使用事件类在输入上动态添加占位符？

代码:

<div class="col-md-2-4 voffset3" ng-repeat="item in csTagGrp">
  <ul class="list-unstyled cs-tag-item-grp" ng-init="$parentIndex = $index">
     <li class="clearfix" ng-repeat="value in item.csTags">
        <div class="pull-left cs-tag-item-list">
           <input ng-focus="focusItem($index, $parentIndex)"  ng-disabled="!value.active" ng-class='{active: value.active && !value.old}' type="text" class="form-control input-sm">
        </div>
       </li>
   </ul>
</div>

提前致谢。

Answer 1

您可以有条件地在输入上设置一个占位符，如果它的 true 设置为来自范围的某个值，例如:

<input placeholder="{{value.active && !value.old ? placeholder : ''}}" ng-focus="focusItem($index, $parentIndex)"  ng-disabled="!value.active" ng-class='{active: value.active && !value.old}' type="text" class="form-control input-sm">

// controller
$scope.placeholder = "something";

查看此 plunker .