select2.js 在 ngRepeat 中不起作用 AngularJS

Question

我正在使用 AngularJS 1.2.12，select2.js。我有用户 table，其中每个用户都有一些国家，对于这个国家，我正在使用 select2。但它不起作用，它呈现为普通文本框。

    <script type="text/javascript">
<script src="static/js/angular.min.js"></script>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/star-rating.min.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script src="static/js/select2.js"></script>
<script src="static/js/admin.js"></script>
<script src="static/js/dirPagination.js"></script>
    </script>
    <table class="table table-striped table-bordered table-hover" id="demo">
            <thead>
              <tr>
                <th width="4%">Sl.No</th>
                <th>Name</th>
                <th width="30%" >Country</th>   
              </tr>
            </thead>
            <tbody>
              <tr ng-repeat="x in userObj">
                <td>{{$index+1}}</td>
                <td>{{x.username}}</td>
                  <td>
                  <div class="form-group m0b">
                    <select id="source">
                    <option>india</option>
                    <option>US</option>
                    </select>
           <select multiple name="e9" id="e9" class="populate"></select>
                  </div></td>
                <td><button type="button" class="btn btn-sm btn-toggle active" data-toggle="button" aria-pressed="true" autocomplete="on">
    <div class="handle"></div>
 </button></td>
                <td>
                    <button type="button" class="btn btn-default btn-xs edit" data-toggle="modal" title="Update"
                                                    data-target="#recruiters" data-backdrop="static"
                                                    data-keyboard="false"
                                                    ng-click="editRoleBtn(x.username,x.Selected,x.Selected_Admin)">
                                                <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                                </button>
                  <button type="button" class="btn btn-danger btn-xs del" ng-click="deleteUser(x.username)" data-toggle="modal" data-target="#deleteUser" data-backdrop="static" data-keyboard="false"><i class="fa fa-remove"></i></button></td>
              </tr>
            </tbody>
          </table>

在国内 td，我尝试使用 select2 但它不起作用

Answer 1

将指令应用于您的表单元素：

<select ui-select2 ng-model="select2" data-placeholder="Pick a number">
    <option value=""></option>
    <option value="one">First</option>
    <option value="two">Second</option>
    <option value="three">Third</option>
</select>

ui-select2 指令与 ng-model 和 ng-required.

等验证指令配合得很好

如果将 ng-model 指令添加到与 ui-select2 相同的元素中，则选择的选项会自动与模型值同步。

select2.js 在 ngRepeat 中不起作用 AngularJS

select2.js is not working in ngRepeat AngularJS

twitter-bootstrap

angularjs

jquery-select2

angularjs-select2