Я пытался создать пользовательскую директиву для jQuery UI ComboBox, она должна работать как автозапуск и выпадающее меню. Ни я не получаю внешний вид и логику. Я хочу использовать его, как это дано в JQueryUIjqueryui combo custom директива в angularjs
var DataApp = angular.module("DataApp", []);
DataApp.controller('loginCtrl', loginCtrl);
var loginCtrl = function ($scope) {
$scope.listLang = [{
lang: "AppleScript"}, {
lang: "Asp"
}, {
lang: "BASIC"
}, {
lang: "C"
}, {
lang: "C++"
}, {
lang: "Clojure"
}, {
lang: "COBOL"
}, {
lang: "ColdFusion"
}, {
lang: "Erlang"
}];
};
DataApp.directive('comboBox1', function() {
return {
restrict : 'A',
link: function(scope, element, attrs) {
$(element).combobox();
}
}
});
HTML приводится ниже
<div ng-app="DataApp">
<div ng-contorller="loginCtrl">
<div class="ui-widget" combo-box1='{}'>
<label>Your preferred programming language:</label>
<select id="combobox" ng-model="list-items" ng-options="listItem.lang for listItem in listLang"></select>
</div>
</div>