select-inside ng-repeat不起作用

时间:2014-07-03 06:50:22

标签: angularjs angularjs-select2

我正在尝试在ng-repeat中使用select2,但它不起作用。这是我的代码。

HTML

<div ng-controller="mycontroller" ng-app="app">
  <div ng-repeat="x in y">
    <input type="hidden" id="change{$$index$}"/>
  </div>
</div>

ANGULARJS

var myapp = angular.module('app', ['ui.bootstrap']);
myapp.controller('mycontroller',function($scope){
$scope.y=[1,2]
var change1 = $('#change1');
$(change1).select2({
      data:[{'id':1,'text':'Manager'},{'id':2,'text':'Employee'}],
      multiple: false,
      width: "100%",
      placeholder:"None Selected",
      closeOnSelect:true
  });
})

请帮忙。谢谢

2 个答案:

答案 0 :(得分:0)

错误实际上是连接。但我没有通过评论意识到这一点,但现在我明白了。这就是代码的变化。

var change1 = $('#change1'); //in question
var change1 = $('#change'+1+''); //edited change

感谢。

答案 1 :(得分:0)

question可以为您提供帮助。基本上,您需要在ng-repeat加载后触发以下事件。 (您可以在点击事件后调用函数,也可以在特定时间后调用$timeout()函数。

$scope.triger_select2 = function(){
  $(".js-example-basic-multiple").select2({});
}

$timeout(function(){ 
  $scope.triger_select2();
}20000);