Allow only one tag in tag input box in angularJS

Question

Allow only one tag in tag input box in angularJS

I am working in angular, I have created a autocomplete tag box. its working perfect but requirment is, user can select only one tag but in my case multiple tages are getting selected. My code is below.

 <div>
         <tags-input ng-model="tags" display-property="name">

         <auto-complete source="loadTags($query)" placeholder="Start typing"  min-length="0" debounce-delay="0"></auto-complete>

         </tags-input>

         <p>Model: {{tags}}</p>

        <button class="Button" ng-click="GetAllProjectByKeyId(searchKeyword.key)">Search</button>
    </div>

javascript
jquery
html
angularjs

Answer 1

On the documentation page: http://mbenford.github.io/ngTagsInput/documentation/api

You can see you can set a max-tags property:

<tags-input ng-model="tags" display-property="name" max-tags="1">