Home
Run >
<!DOCTYPE html> <html> <head> <!-- www.techstrikers.com --> <title>ngList Test Sample</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script> <script> var app = angular.module('ngListExample', []) app.controller('ngListController', ['$scope', function($scope) { $scope.color = ['Red', 'Yellow', 'Green','Black']; }]); </script> </head> <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> </form> </div> </fieldset> </body> </html>