我在jquery-ui自動完成的自動完成angularjs指令傳遞動態數據時遇到了麻煩。這裏是我當前的代碼:動態自動完成指令
HTML:
<div ng-app="peopleApp">
<div ng-controller="indexController">
<label class="input-group-addon input-label">Search:</label>
<input class="form-control input-form" id="search" type="text" placeholder="Search here..." auto-complete names="names">
<button ng-click="change()">Change</button>
</div>
</div>
JS:
所有的數據var peopleApp = angular.module('peopleApp', []);
peopleApp.controller('indexController', function($scope, $http, $rootScope, $controller){
$http.post(domainName+url)
.then(function(response){
data = response.data.data;
$scope.names = data.map(function(obj){ var rObj = []; rObj.push(obj['rank_code']); rObj.push(obj['rank_description']); return rObj; });
});
$scope.change = function(){
$scope.names = ["hnnnnn", "billlll"];
}
});
peopleApp.directive('autoComplete', function(){
return {
scope: {names: '='},
link: function(scope, element, attrs){
// alert(JSON.stringify(element));
attrs.$observe('names', function(val){
// scope.info = val;
alert(val);
scope.names = val;
});
element.autocomplete({
source: scope.names,
select: function() {
// alert('dean');
// iElement.trigger('input');
},
// Sets the min of characters before activating dropdown
minLength:2
});
}
}
});
首先是獲取從API不會自動完成整合。第二我希望當我按下一個按鈕時,將改變的$ scope.names也將被集成到自動完成功能中
不要'jquery'用'angular'混庫。原則上可以這樣做,但有時候更容易找到'angular'的庫。像這樣[ngAutocomplete](http://ngmodules.org/modules/ngAutocomplete) –
那麼你有源動態或不動態的解決方案嗎? –
存在動態源使用的解決方案。例如[角度綁帶頭](http://mgcrea.github.io/angular-strap/#/typeaheads)。 –