select2下拉列表不更新angularjs中的模型值

时间:2015-06-19 09:57:53

标签: jquery angularjs

我们在我的下拉列表中使用了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>

0 个答案:

没有答案