有条件地启动类型头下拉禁用

时间:2016-10-24 17:02:30

标签: javascript angularjs twitter-bootstrap typehead

In this plunk我为我的问题做了一个演示。代码片段包含角度引导程序类型头示例代码。在控制器中,它有一个数组,其中包含四个具有三种状态且未找到结果的值。并且在 index.html 中有一个输入框,用于填充搜索结果建议的下拉选项。现在我想要使用apply条件禁用此下拉选项如果结果是'找不到结果'。当结果为'未找到结果'时,是否可以禁用此类型头下拉选项这意味着无法单击建议的下拉选项。任何想法?

我的代码示例:

HTML:

<body ng-controller="TypeHeadeController">
<div class='container-fluid'>
  <input type="text" ng-model="selected" 
  typeahead="state for state in states | filter:$viewValue | limitTo:8" 
  class="form-control">
</div>

在控制器中:

$scope.states = ['Alabama', 'Alaska', 'Arizona', 'No Result Found'];

0 个答案:

没有答案