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

Question

我在我的应用程序中使用 AngularJS Dropdown Multiselect，在示例中它说我可以在 angular 控制器的 extra-settings 中设置 selectionLimit 但 [=我希望下拉列表具有的 12=] 是动态的（这是一个 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 以便我可以使用 ng-repeat 值设置 selectionLimit。

<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>

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

How to set Selection Limit of Multiselect Dropdown with ng-repeat value

multi-select

angularjs

dropdown