我正在尝试使用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 = {};
非常感谢任何指导。谢谢!
答案 0 :(得分:1)
如果您阅读了ui-select的文档,您将找到将调用函数的on-select属性。您可以使用该功能执行您要执行的任何操作。作为参考,您可以看到Documentation