AngularJS ui-select有问题

时间:2016-02-21 19:53:23

标签: angularjs angular-ui

我正在尝试使用AngularJS ui-select指令替换现有的select元素(标准下拉列表)。一切都差不多了,除非我从列表中选择一个选项,它不会更新模型(它没有检测到我选择的内容)。

以下是我的局部视图中的代码:

<ui-select ng-model="shipaddress.selected" theme="bootstrap">
    <ui-select-match placeholder="Enter address or start typing...">
        {{$select.selected.AddressName}}
    </ui-select-match>
    <ui-select-choices repeat="sa in shipaddresses | filter: $select.search">
        {{sa.AddressName}} ({{sa.Street1}})
    </ui-select-choices>
</ui-select>

以下是我要替换的代码:

<select name="shippingAddress" ng-change="setShipAddressAtOrderLevel()" ng-options="address.ID as address.AddressName for address in shipaddresses" ng-model="currentOrder.ShipAddressID" ng-required="!currentOrder.IsMultipleShip()">
 <option value=""></option>
</select>

另外,我在控制器(空对象)中设置了以下内容:

$scope.shipaddress = {};

非常感谢任何指导。谢谢!

1 个答案:

答案 0 :(得分:1)

如果您阅读了ui-select的文档,您将找到将调用函数的on-select属性。您可以使用该功能执行您要执行的任何操作。作为参考,您可以看到Documentation