javascript - ng-options 在单击时清除模型(和可见选项)，tarnation 是什么？

Question

这是我的 ng-options 标记:

<div class="form-group">
    <label>Client(s)</label>
    <select class="form-control" ng-model="addFirm.firmData.clients" ng-options="clients.instance.id as clients.instance.fName for clients in addFirm.firmData.clients" multiple>
    </select>
</div>

这是生成的 html:

<div class="form-group">
    <label>Client(s)</label>
    <select class="form-control ng-pristine ng-untouched ng-valid" ng-model="addFirm.firmData.clients" ng-options="clients.instance.id as clients.instance.fName for clients in addFirm.firmData.clients" multiple="" aria-invalid="false">
        <option label="Mike" value="string:567f82a9b6daa74f16547564">Mike</option>
        <option label="brian" value="string:567f83ac61b2fe4160fb4d4a">brian</option>
        <option label="Bill" value="string:567f8df461b2fe4160fb4d4b">Bill</option>
    </select>
</div>

一切看起来都不错，但当我点击选择菜单来选择一个时，更不用说几个了，模型被清除，导致选项被完全清除。知道会发生什么吗？我没有任何胭脂点击事件，并且表单的其余部分(包括大约 15 个其他标准文本字段)功能正常。

真正奇怪的是，如果我用 ng-repeat 做一个标准的 select 标签，我就不会得到任何废话。这工作正常:

<select name="clients" id="clients" multiple>
    <option ng-repeat="clients in addFirm.firmData.clients" value="{{clients.instance.id}}">{{clients.instance.fName}}</option>
</select>

有什么想法吗？提前致谢!!!

Answer 1

您将 select 绑定(bind)到用于存储数组项的同一模型:

<select class="form-control" 
    ng-model="addFirm.firmData.clients" <!-- <-- addFirm.firmData.clients -->
    ng-options="clients.instance.id as clients.instance.fName for clients in addFirm.firmData.clients" multiple>
                                                       <!-- and here again --^ -->
</select>

看到了，addFirm.firmData.clients 都在 ngModel 和 ngOptions 中吗？将 ngModel 绑定(bind)到其他东西，例如:

ng-model="addFirm.firmData.clientSelected"