我有一个使用Angular和ChosenJs的网络应用。我添加了一个选定的指令如下:
App.directive('chosen', function () {
var linker = function(scope, element, attr) {
scope.$watch(attr.chosen, function(oldVal, newVal) {
element.trigger('chosen:updated');
});
scope.$watch(attr.ngModel, function() {
element.trigger('chosen:updated');
});
element.chosen();
};
return {
restrict: 'A',
link: linker
};
});
现在我有一个控制器应该填充下拉列表,并使用$http
服务
$http.get('/rest/stuff').
success(function(data, status, headers, config) {
$scope.stuffList = data;
});
此XHR请求正常工作,并根据需要生成一系列内容。并在HTML
<select chosen=""
class="form-control chosen-select input-md"
data-placeholder="Select an Option"
ng-model="theStuff"
ng-options="stuff.name for stuff in stuffList">
</select>
然而下降仍然是空的。我该如何解决这个问题?