내가 같은 HTML을 AngularJS와 컨트롤러

Question

에 jQuery를 추가?

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

Answer 1

당신은 정말 일을하고자하는 방법 AngularJS와을 위반하는, 그런 식으로 그 일을하지 말아야하며, 당신의 코드를 보면 다른 AngularJS와 개발자를 좌절 것입니다.

대신 옵션 목록을 컨트롤러의 범위 속성으로 선언하고 텍스트를 수정하여 필요한 길이로 자릅니다.

마크 업 :

<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) + '...' 
    }; 
});