我们在我的下拉列表中使用了select2 Jquery插件,它在ng-template中使用。当用户从select2下拉列表中选择时,角度中使用的模型不会更新。
<script type="text/ng-template" id="edit">
<td>{{item.CompanyName}}</td>
<td>{{item.FirstName}}</td>
<td>{{item.LastName}}</td>
<td>{{item.UserName}}</td>
<td style="width:30%;">
<select multiple data-select-two data-allowclear="true" class="form-control" name="Id" ng-options="company as company.Company for company in companies track by company.Id" data-ng-model="item.Company"></select>
</td>
<td>
<button type="button" ng-click="saveUser($index,item)" class="btn btn-sm btn-primary">
<i class="glyphicon glyphicon-floppy-save">
</i>
</button>
<button ng-click="reset($index)" class="btn btn-sm btn-primary" style="margin-right:0px">
<i class="glyphicon glyphicon-remove">
</i>
</button>
</td>
data-select-two data-allowclear =&#34; true&#34;此指令用于select2实现。我们需要在下拉列表中选择文本和所选项的值
有没有解决方法呢?或者我们需要一个带有清除按钮的下拉列表(在下拉列表中),用于清除angularjs中所选项目
我已经使用ui.slect2实现了下拉列表。但是当我们选择新的下拉列值时模型没有更新
<select multiple data-ui-select2 class="form-control" name="ClientId" data-ng-model="item.Company">
<option ng-repeat="company in companies" ng-selected="{{company.Id== item.Company.Id}}" value="{{company}}">{{company.Company}}</option>
</select>