AngularJS ng-list Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-list Directive

The ng-list directive is used to convert a string into an array of string, using a comma as the default separator. You can also convert an array of string and display the input field as a string by putting the ng-list directive on the input field.

The value of the ng-list attribute defines the separator.

Syntax:

Parameter explanation:

separator: It is an optional directive. It defines the separator. Its default value is a comma “,”

Let’s take an example to demonstrate the usage of ng-list directive.

See this example:

        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" id="ba489871fe4b1d39e04e5d8181d936d3" type="PenciLazyScript"></script>    
<div ng-app="">
<p>Write some names in the input field, use a comma to separate them:</p>
<p>  <input ng-list="" ng-model="customers">  </p>
<p>This example will convert your input into an array, one item for each name:</p>
<pre>{{customers}}</pre> </div> <p> </p>

Test it Now

For example: If you write the name in the format Ram,Shyam,Mohan then you will get the result in the following form:

Next TopicAngularJS ng-open Directive

AngularJS ng-list Directive

AngularJS ng-list Directive

PHP addcslashes() function

Framework7 Notifications

You may also like