добавить JQuery в angularjs контроллер

Question

У меня есть HTML, как:

<select id="example"> 
<option value="1">Short</option> 
<option value="2">Oh dear, this option has really long text :(</option> 

Я хочу добавить следующее JQuery в угловом контроллер, как я могу это сделать?

var maxLength = 15; 
$('#example > option').text(function(i, text) { 
    if (text.length > maxLength) { 
     return text.substr(0, maxLength) + '...'; 
    } 
}); 

Answer 1

Вы действительно не должны делать это так, что нарушает путь AngularJS предназначен для работы, и расстроить любые другие AngularJS разработчиков, которые смотрят на свой код.

Вместо этого измените на объявление списка параметров в качестве свойства области в контроллере и измените текст там, чтобы усечь его до требуемой длины.

например.

Markup:

код

<select id="example" ng-options="option.value as option.text for option in options"> 

Контроллер:

var maxLength = 15; 
$scope.options = ['Short', 'Oh dear, this option has really long text :('].map(function (text, i) { 
    return { 
    value: i + 1, 
    text: text.length <= maxLength ? text : text.substring(0, maxLength) + '...' 
    }; 
});