Twitter bootstrap AngularJS:ng选项属性与ng重复一起使用时，引导选择未正确显示

我使用bootstrap select（）来显示select元素。由于某些原因，当我将其与ng选项和ng repeat一起使用时，它没有正确显示

这是我的密码：

<ul>
    <li ng-repeat="category in categories">
        <select class="select" ng-model="status" ng-options="obj.Id as obj.Name for obj in statuses"></select>
     </li>
</ul>

这就是我所拥有的

请注意，并非仅在选择控件下方添加

有人试图解决这个问题吗？我可以以某种方式重新初始化select元素吗？请告知。多谢各位

更新： 以下是将相同的选择放置在ng repeat外部时的外观：

---

您可以看到select元素实际上不可见（黄色框），而是呈现在select元素的正下方，这正是用户在页面上看到的。这就是我在第一个问题中提到的意思。

很抱歉回答得太晚。我希望你能找到你的答案：） 我不知道这是否是一个完美的角度回答，但它对我很有效

首先，我创建了一个指令，并为页面完成加载创建了一个侦听器

angular.module("selectBox", []).directive('selectBox', function() {
 return {
  restrict: 'E',
  link: function() {
   return $(window).bind("load", function() {
    //this will make all your select elements use bootstrap-select
    return $('select').selectpicker();
   });
  }
 };
}); 

在模板中，只需添加

<select-box></select-box>

---

希望这会有所帮助：）

这是因为单击

。下拉切换
时的事件列表器不存在。它是引导javascript包的一部分，因此，您必须找到一个解决方法

angular.module（'MyModule'，[]）.directive（'selectpicker'，function（）{
返回{
限制：“CA”，
链接：功能（范围、要素）{
angular.element（elem.selectpicker（）；
angular.element（'button.dropdown toggle'）。on（'click'，function（）{
console.log（'clicked'）
});
}
};
});
什么是
谁在创建它我怎样才能找到是谁创建的？我正在使用引导选择并从javascript初始化我的选择控件，比如jQuery（'.select'）.selectpicker（{size:7}）；这就是问题所在，当执行
jQuery（'.select'）.selectpicker（{size:7}）
时，
select
元素不存在。解决这个问题的方法是编写一个指令