Angular ng-tag- input max-tag不起作用

Question

我想限制一些固定的标签，然后它不能添加新的标签

<tags-input ng-model="searchTerm"
            display-property="Name" 
            add-from-autocomplete-only="true"
            replace-spaces-with-dashes='false'
           max-tags='4'
        placeholder="Search option"
          >
    <auto-complete source="loadTags($query)" min-length='3'></auto-complete>

我已经添加了ng-tag-input js，并且还做了所有必要的更改，最大标签的问题是什么?

Answer 1

使用自定义指令

app.directive('enforceMaxTags', function() {
        return {
            require: 'ngModel',
            link: function(scope, element, attrs, ngModelCtrl) {
                var maxTags = attrs.maxTags ? parseInt(attrs.maxTags, '10') : null;
                ngModelCtrl.$validators.checkLength = function(value) {
                    if (value && maxTags && value.length > maxTags) {
                        value.splice(value.length - 1, 1);
                    }
                    return value ? value : [];
                };
            }
        };
    });

解自https://github.com/mbenford/ngTagsInput/issues/210