angular.module.ng.$compileProvider.directive.ng-list

Description

Text input that converts between comma-seperated string into an array of strings.

Usage

as attribute
<input ng-list="{string}">
   ...
</input>
as class
<input class="ng-list: {string};">
   ...
</input>

Parameters

Example

 <script>
   function Ctrl($scope) {
     $scope.names = ['igor', 'misko', 'vojta'];
   }
 </script>
 <form name="myForm" ng-controller="Ctrl">
   List: <input name="namesInput" ng-model="names" ng-list required>
   <span class="error" ng-show="myForm.list.$error.required">
     Required!</span>
   <tt>names = {{names}}</tt><br/>
   <tt>myForm.namesInput.$valid = {{myForm.namesInput.$valid}}</tt><br/>
   <tt>myForm.namesInput.$error = {{myForm.namesInput.$error}}</tt><br/>
   <tt>myForm.$valid = {{myForm.$valid}}</tt><br/>
   <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>
  </form>
  it('should initialize to model', function() {
    expect(binding('names')).toEqual('["igor","misko","vojta"]');
    expect(binding('myForm.namesInput.$valid')).toEqual('true');
  });

  it('should be invalid if empty', function() {
    input('names').enter('');
    expect(binding('names')).toEqual('[]');
    expect(binding('myForm.namesInput.$valid')).toEqual('false');
  });