Question

<input type="search" placeholder="{{'COMPONENT_PROPERTIES.SEARCH_ICON' | translate}}"
   ng-model="icon.name"
   list="classIcon"
   ng-change="changeFn(icon.name)">
<i class="{{$select.selected}}"></i> &nbsp;&nbsp;
{{$select.selected}}
<datalist class="data-scrollable"
   id="classIcon"
   infinite-scroll="addMoreItems()">
   <option ng-repeat="icon in classService.classesAwesome | limitTo:infiniteScroll.currentItems track by $index ">
      <i class="{{icon}}"></i> &nbsp;
      <span ng-bind-html="icon | highlight: icon.name "></span>
   </option>
</datalist>

我在输入中定义ng-model="icon.name"，以及如何使用它来突出显示与ng-model值匹配的选项？

谢谢！

Answer 1

ng-repeat创建自己的孩子scope，因此您无法将parent scope变量直接用于此child scope。您必须使用parent scope方式访问$parent属性，只需尝试

<span ng-bind-html="icon | highlight: $parent.icon.name "></span>

如何使用ng-model

1 个答案: