Angularjs Examples

AJS Examples

AngularJS ng-list Directive

The AngularJS ng-list directive is used to convert given text input between a delimited string and an array of strings. The default delimiter is a comma. But you can specify a custom delimiter as well.


<label>List: <input name="colorInput" 
ng-model="color" ng-list required></label>

AngularJS ng-list Directive Example

<!DOCTYPE html>        
<head> <!-- -->        
<title>ngList Test Sample</title>        
<script src=""></script>        
    var app = angular.module('ngListExample', [])
    app.controller('ngListController', ['$scope', function($scope) {
      $scope.color = ['Red', 'Yellow', 'Green','Black'];
<body style="background-color:#DDE4E9;" ng-app="ngListExample">        
  <fieldset style="background-color:#DDE4E9;">          
    <legend>AngulerJS ngList Example</legend> 
<div ng-controller="ngListController" style="font-family:arial;">   
  <form name="myform">  
   <label>List: <input name="colorInput" ng-model="color" ng-list required></label>
 <p style="font-family:Arial;color:yellow;background:steelblue;padding:3px;width:350px;"     
        >Color =  {{ color }}</p> 
<p style="font-family:Arial;color:yellow;background:steelblue;padding:3px;width:350px;"     
        ng-show='!myform.colorInput.$valid'>Enter color</p>      
See Live Example