我有一个由 ng-options 填充的选择：
<select id="personId" name="personId" class="selectpicker"
ng-model="person" ng-options="person.Surname for person in persons track by person.Id">
<option value="">Introduce yourself...</option>
</select>
但我需要显示的不是选择本身，而是基于它的引导选择（构建基于 div 的下拉列表的插件）。所以我需要$('.selectpicker').selectpicker('refresh')在选择项目更新时打电话。是否有任何 angularjs 扩展点可以做到这一点？
您可以通过“观察”persons 数组来实现这一点。因此，在您的控制器中，您可以添加以下代码：
$scope.$watch('persons', function(newValue, oldValue) {
if(!newValue || newValue === oldValue) return;
//At this point, newValue contains the new value of your persons array
$('.selectpicker').selectpicker('refresh');
});
然后每次persons数组的内容发生变化（包括第一次初始化时）都会执行selectpicker的刷新
希望这可以帮助。
我用一个工作示例创建了以下plunkr 。
myApp.directive("myselect", function($parse) {
return {
restrict: 'A',
require: 'select',
link: function(scope, element, attrs) {
var ngModel = $parse(attrs.ngModel);
$(element).selectmenu({
"change": function(event, ui) {
scope.$apply(function(scope) {
// Change binded variable
ngModel.assign(scope, $(element).val());
});
},
"width": 200
});
var selectSource = jQuery.trim(attrs.ngOptions.split('|')[0]).split(' ').pop();
var scopeCollection = $parse(selectSource);
scope.$watchCollection(scopeCollection, function(newVal) {
$(element).selectmenu('refresh');
});
}
};
});
我在以下资源的帮助下意识到了这一点：