최대 태그 번호 이후에 ngTagsInput이 비활성화되었습니다.

Question

질문이 있습니다. 어쩌면 누군가가 ngTagsInput을 응용 프로그램에 사용했습니다.

최대 태그 금액을 입력 한 후 입력을 비활성화하는 옵션이 있습니까?

Answer 1

ngTagsInput에는을 사용하여 입력을 사용 중지 할 수 있도록 태그 배열을 허용하는 ngModel이 있습니다.

문제는 입력이 사용 중지 된 경우 기존 태그를 제거하고 입력을 추가로 편집 할 수 없다는 것입니다. 나는 그 일을 충고하지 않을 것이다.

당신은 몇 가지 대안이 그러나

...

1. 검증 태그의 양이 당신이

max-tags 속성이 입력 내부 태그의 최대 양을 확인하는 데 사용되는 API docs 상태 것으로, 제한을 초과하면 유효성 검사 상태가 $invalid으로 바뀌므로 양식 제출을 방지 할 수 있습니다.

maxTags - number - 추가 된 태그 수가 maxTags보다 큰 경우 maxTags 유효성 검사 오류 키를 설정합니다. 예를 들어

:

<tags-input ng-model="tags" max-tags="7"> 
    <auto-complete source="loadTags($query)"></auto-complete> 
</tags-input> 

사용자가 허용 태그 수를 초과하고 단지 그가 연주없이 입력 새로운 태그를 제거 할 때
1. 사용 on-tag-added 콜백 속성이 잡으려고을 주위 검증 플래그

HTML :

<tags-input ng-model="tags" 
    on-tag-added="onTagAdded($query, 7)"></tags-input> 
<p>Model: {{tags}}</p> 

이 컨트롤러 : 위의 예에서

$scope.onTagAdded = function(tag, limit) { 
    if ($scope.tags.length = limit+1) { 
     $scope.tags.pop(); 
    } 
} 

, 우리가 대답 7.