title: select2.js is not working in ngRepeat AngularJS
body: <p>I am using AngularJS 1.2.12, select2.js.
  I have users table where each user has some countries, for this countries i am using select2. but it is not working and it is rendered as normal text box.</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  &lt;script src="static/js/angular.min.js"&gt;&lt;/script&gt;
  &lt;script src="static/js/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="static/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="static/js/star-rating.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"&gt;&lt;/script&gt;
  &lt;script src="static/js/select2.js"&gt;&lt;/script&gt;
  &lt;script src="static/js/admin.js"&gt;&lt;/script&gt;
  &lt;script src="static/js/dirPagination.js"&gt;&lt;/script&gt;
      &lt;/script&gt;
      &lt;table class="table table-striped table-bordered table-hover" id="demo"&gt;
              &lt;thead&gt;
                &lt;tr&gt;
                  &lt;th width="4%"&gt;Sl.No&lt;/th&gt;
                  &lt;th&gt;Name&lt;/th&gt;
                  &lt;th width="30%" &gt;Country&lt;/th&gt;   
                &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                &lt;tr ng-repeat="x in userObj"&gt;
                  &lt;td&gt;{{$index+1}}&lt;/td&gt;
                  &lt;td&gt;{{x.username}}&lt;/td&gt;
                    &lt;td&gt;
                    &lt;div class="form-group m0b"&gt;
                      &lt;select id="source"&gt;
                      &lt;option&gt;india&lt;/option&gt;
                      &lt;option&gt;US&lt;/option&gt;
                      &lt;/select&gt;
             &lt;select multiple name="e9" id="e9" class="populate"&gt;&lt;/select&gt;
                    &lt;/div&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;button type="button" class="btn btn-sm btn-toggle active" data-toggle="button" aria-pressed="true" autocomplete="on"&gt;
      &lt;div class="handle"&gt;&lt;/div&gt;
   &lt;/button&gt;&lt;/td&gt;
                  &lt;td&gt;
                      &lt;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)"&gt;
                                                  &lt;i class="fa fa-pencil-square-o" aria-hidden="true"&gt;&lt;/i&gt;
                                                  &lt;/button&gt;
                    &lt;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"&gt;&lt;i class="fa fa-remove"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
  </code></pre>
  
  <p>in the country td i am trying to have select2 but its not working</p>