Gathering detailed insights and metrics for ng-tags-input
Gathering detailed insights and metrics for ng-tags-input
Gathering detailed insights and metrics for ng-tags-input
Gathering detailed insights and metrics for ng-tags-input
npm install ng-tags-input
Typescript
Module System
Node Version
NPM Version
JavaScript (94.76%)
HTML (2.67%)
SCSS (2.56%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
1,633 Stars
479 Commits
538 Forks
47 Watchers
2 Branches
16 Contributors
Updated on May 30, 2025
Latest Version
3.2.0
Package Id
ng-tags-input@3.2.0
Size
20.12 kB
NPM Version
3.10.10
Node Version
6.10.2
Published on
Apr 17, 2017
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
33
Tags input directive for AngularJS. Check out the ngTagsInput website for more information.
All files are available from a variety of sources. Choose the one that best fits your needs:
npm install ng-tags-input --save
)bower install ng-tags-input --save
)You can also grab the latest build generated by Travis. It's fully functional and may contain new features and bugfixes not yet published to the services listed above.
Now all you have to do is add the scripts to your application. Just make sure the ng-tags-input.js
file is inserted after the angular.js
script:
1<script src="angular.js"></script> 2<script src="ng-tags-input.js"></script> 3<link rel="stylesheet" type="text/css" href="ng-tags-input.css">
ngTagsInput
module as a dependency in your AngularJS app;<tags-input>
to the HTML file where you want to use an input tag control and bind it to a property of your model. That property, if it exists, must be an array of objects and each object must have a property named text
containing the tag text;<auto-complete>
inside the <tags-input>
tag, and bind it to a function of your model. That function must return either an array of objects or a promise that eventually resolves to an array of objects (same rule from step 2 applies here);Note: There's a more detailed getting started guide on the ngTagsInput website.
1<html> 2<head> 3 <script src="angular.min.js"></script> 4 <script src="ng-tags-input.min.js"></script> 5 <link rel="stylesheet" type="text/css" href="ng-tags-input.min.css"> 6 <script> 7 angular.module('myApp', ['ngTagsInput']) 8 .controller('MyCtrl', function($scope, $http) { 9 $scope.tags = [ 10 { text: 'just' }, 11 { text: 'some' }, 12 { text: 'cool' }, 13 { text: 'tags' } 14 ]; 15 $scope.loadTags = function(query) { 16 return $http.get('/tags?query=' + query); 17 }; 18 }); 19 </script> 20</head> 21<body ng-app="myApp" ng-controller="MyCtrl"> 22 <tags-input ng-model="tags"> 23 <auto-complete source="loadTags($query)"></auto-complete> 24 </tags-input> 25</body> 26</html>
Check out the documentation page for a detailed view of all available options.
You can see the directive in action in the demo page.
Before posting an issue or sending a pull request, make sure to read the CONTRIBUTING file.
See the LICENSE file.
See the CHANGELOG page.
The following are some alternatives to ngTagsInput you may want to check out:
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 existing vulnerabilities detected
Reason
license file detected
Details
Reason
no SAST tool detected
Details
Reason
project is archived
Details
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
Project has not signed or included provenance with any releases.
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
project is not fuzzed
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More