AngularJS ng-list Directive
The ng-list Directive in AngularJS is used for separating input strings and converting them into an array of strings using a separator. By default, the comma is used as a default separator. But any custom separator can be used as the value of the ng-list directive.
Syntax:
<element ng-list="delimiter">
Contents...
</element> The value of ng-list specifies the separator to be used for separating the input string.
Example 1: This example uses the ng-list Directive to convert input into an array.
HTML
<!DOCTYPE html><html> <head> <title>ng-list Directive</title> <script src= </script></head> <body ng-app="app" style="text-align:center"> <h1 style="color:green;"> GeeksforGeeks </h1> <h2>ng-list Directive</h2> <div ng-controller="geek"> <p>Enter Input: <input type="text" ng-model="list" ng-list="-"> </p> {{list}} </div> <script> var app = angular.module("app", []); app.controller('geek', ['$scope', function($scope) { $scope.list = []; }]); </script></body></html> |
Output:
Example 2: In this example, when we include the ng-list Directive, then it will convert the text in the input field into an array.
HTML
<!DOCTYPE html><html> <head> <script src= </script></head> <body style="text-align:center"> <h1 style="color:green">GeeksforGeeks</h1> <h2>ng-list Directive</h2> <div ng-app=""> <p> Use a comma to separate the texts in the input field </p> <input ng-model="content" ng-list/> <pre>{{content}}</pre> </div></body></html> |
Output:
Please Login to comment...