AngularJS ui-select问题

Question

我正在尝试用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 = {};

任何指导都将不胜感激。谢谢!

Answer 1

如果您阅读ui-select的文档，您会发现on-select属性，它将调用一个函数。你可以使用这个函数来做任何你想做的事情。作为参考，您可以查看Documentation