角NG-標籤 - 輸入最大標籤不工作

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-標籤輸入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