Angularjs 角度ng选项随机不加载
我有这样一个下拉菜单:Angularjs 角度ng选项随机不加载,angularjs,twitter-bootstrap,select,ng-options,Angularjs,Twitter Bootstrap,Select,Ng Options,我有这样一个下拉菜单: <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
<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>
我也在使用这个引导选择指令:
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上
有什么已知的问题吗
提前谢谢我也遇到了类似的问题。解决了数据加载后改变ng模型的问题
$scope.subareas = {};
$http.get('subareas.php')
.success(function(response)
{
$scope.subareas = response;
$scope.SubArea = [];
});
$scope.subareas = {};
$http.get('subareas.php')
.success(function(response)
{
$scope.subareas = response;
$scope.SubArea = [];
});