0
我有一個下拉菜單,像這樣:角NG-隨機選擇不加載
<select selectpicker name="SubArea" ng-model="search.SubArea" ng-options="SubArea.SubArea as (SubArea.SubArea + ' (' + SubArea.Count + ')') for SubArea in subareas | orderBy:'SubArea'" ng-multiple="true" multiple title="All Areas" data-size="auto" data-header="Select Areas" data-live-search="true" data-selected-text-format="count > 2">
</select>
這是控制器:
$scope.subareas = {};
$http.get('subareas.php')
.success(function(response)
{
$scope.subareas = response;
});
我還使用自舉選擇指令:
angular.module('angular-bootstrap-select', [])
.directive('selectpicker',
[
'$timeout',
function($timeout) {
return {
restrict: 'A',
require: ['?ngModel'],
compile: function(tElement, tAttrs) {
tElement.selectpicker();
if (angular.isUndefined(tAttrs.ngModel)) {
throw new Error('Please add ng-model attribute!');
}
return function(scope, element, attrs, ngModel) {
if (angular.isUndefined(ngModel)){
return;
}
scope.$watch(attrs.ngModel, function(newVal, oldVal) {
if (newVal !== oldVal) {
$timeout(function() {
element.selectpicker('val', element.val());
});
}
});
ngModel.$render = function() {
element.selectpicker('val', ngModel.$viewValue || '');
};
$timeout(function() {
element.selectpicker('refresh');
element.change(function() {
if ($(this).val() !== '') {
$('.form-search .bootstrap-select.open').addClass('selected-option-check');
}else {
$('.form-search .bootstrap-select.open').removeClass('selected-option-check');
}
});
},1000);
ngModel.$viewValue = element.val();
};
}
};
}
]
);
我遇到的問題是,有時選擇選項不會加載(似乎是在pc上的一個較慢的互聯網c onnection。
任何已知的問題?
在此先感謝