如何使用ng-repeat值设置多选下拉列表的选择限制

Question

我在我的应用程序中使用AngularJS Dropdown Multiselect，在示例中它说我可以在角度控制器中设置selectionLimit内的extra-settings但是我想要下拉的selectionLimit是动态的（这是一个ng-repeat值，用户可以随时更改input盒子）

下拉列表由ng-repeat生成。

<tr ng-repeat="detail in mainCtrl.lineDetails">
    <td>
        <div ng-dropdown-multiselect="true" options="mainCtrl.Customers" selected-model="detail.SelectedCustomers" extra-settings="mainCtrl.selectedCustomersSettings">
        </div>
    </td>
    <td>
        <input type="number" id="SelectionLimit" name="SelectionLimit" ng-model="detail.SelectionLimit" ng-min="0" required/>
    </td>
</tr>

设置

self.selectedCustomersSettings = {
    searchField: 'name',
    enableSearch: true,
    displayProp: 'name',
    scrollableHeight: '300px',
    scrollable: true,
    keyboardControls: true,
    idProperty: 'name',
    buttonClasses: 'form-control drpdwn-btn'
};

Answer 1

以下解决方案适合我。我添加了设置inline，以便我可以使用selectionLimit值设置ng-repeat。

<div ng-dropdown-multiselect="true" options="mainCtrl.Customers" selected-model="detail.SelectedCustomers" extra-settings="{searchField: 'name',enableSearch: true,displayProp: 'name',scrollableHeight: '300px',scrollable: true,keyboardControls: true,idProperty: 'name',buttonClasses: 'form-control drpdwn-btn',selectionLimit:detail.NoOfStores}" >
</div>