Question

我正在尝试将选项列表中的ng-model“ pick”绑定到typeahead中，是否可以这样做？

HTML代码：

        <select ng-model="pick">
            <option value="cnames">NAME</option>
            <option value="caddress">Address</option>
            <option value="cpostal">PostalCode</option>
        </select>
        <input type="text" ng-model="selected" uib-typeahead="cname for cname in pick | filter:$viewValue | limitTo:5">
        <a href="#!/searchFeature"><button ng-click="myFunc(selected)">Search</button></a>

我希望将uib-typeahead的“ pick”值更改为从选项列表中选择的值。例如，如果选择了NAME，则uib-typeahead中的“ pick”值将更改为cnames。

Answer 1

假设cnames，caddress和cpostal对应于元素集合（例如string），那么您唯一需要做的更改就是确保{ {1}}元素使用option而不是ng-value。后者将绑定文字字符串值，而前者将按您的期望绑定集合。

value

angular
  .module('app', ['ui.bootstrap'])
  .controller('ctrl', function ($scope) {
    $scope.cnames = ['cname1', 'cname2', 'cname3'];
    $scope.caddress = ['caddress1', 'caddress2', 'caddress3'];
    $scope.cpostal = ['cpostal1', 'cpostal2', 'cpostal3'];
  });

带有选项列表的Angularjs ng-model

1 个答案: