ng-model 또는 ng-option에 대한 각도 제한이 작동하지 않습니다.

Question

제한된 단어를 선택 드롭 다운 목록에 표시하고 싶습니다. 쿠즈 문자 오버 플로우가 옵션으로 작동하지 않습니다. 그래서 limitTo를 사용하고 싶습니다. 가 작동하지 않는 이유는 무엇

<select class="form-control" ng-model="tempRequirement" ng-options="item as item.question for item in model.unCompliantRequirementList[model.currentItem] | limitTo: 10"></select> 

또는

<select class="form-control" ng-model="tempRequirement | limitTo: 10" ng-options="item as item.question for item in model.unCompliantRequirementList[model.currentItem]"></select> 

같은 추가?

대신 다음을 시도해 보았습니다. 하지만 loadTheActions (tempRequirement)를 트리거 할 수 없기 때문에 temRequirement가 null 인 것 같습니다. 왜?

<select class="form-control actionplan-dropdown m-t-5" ng-model="tempRequirement"> 
            <option ng-repeat="item in model.unCompliantRequirementList[model.currentItem]" value="item.question"> {{item.question | limitTo: 90}}</option> 
      </select> 

      <button class="btn btn-sm btn-default m-t-10 m-b-10" ng-click="loadTheActions(tempRequirement)" ng-disabled="tempRequirement === undefined"><span class="glyphicon glyphicon-list"></span></button> 

답장을 보내 주셔서 감사합니다. item.question 후 추가 제한이 해결 : limitTo 배열 내에서 전체 배열에없는 각 항목을 적용하기 때문에

<select class="form-control" ng-model="tempRequirement" ng-options="item as item.question | limitTo: 10 for item in model.unCompliantRequirementList[model.currentItem]"></select> 

Answer 1

이입니다. 첫 번째 코드의 효과는 드롭 다운의 처음 10 개 항목 만 표시하는 것입니다.

두 번째 예는이 할당 표현 수 있기 때문에 당신이 ng-model 필터를 사용할 수 없습니다, 이해가되지 않습니다.

Answer 2

@GregL 수정 올바른 표현식을 사용하여 limitTo를 실제로 사용하면 최종 사용자가 볼 수있는 실제 콘텐츠를 제한 할 수 있습니다. 이 도움이! .. 나는이 선택 아래에 버튼이 - 고마워