This code snippets show how to use directives in AngularJS?
<!DOCTYPE html>
<html ng-app="MyApp">
<head>
<title>AngularJS</title>
<script src="lib/angular.js"></script>
</head>
<body>
<div class="content" ng-controller="TestDirectiveController">
<form name="myForm">
<label>List:</label>
<input name="city" ng-model="citys" ng-list required />
</form>
<hr>
<ul>
<li ng-repeat="city in citys" >{{city}} {{$index}}</li>
</ul>
</div>
<script type="text/javascript">
var MyApp = angular.module("MyApp",[]);
MyApp.controller("TestDirectiveController",function($scope){
$scope.citys = ["BeiJing","ShangHai","ShenZhen"];
});
</script>
<!--
How does the ng-list directive work?
1.Use ng-model to bind the property in the current scope;
2.Register the formatter function into the controller.
The ng-repeat directive in depth:
1.Get the ng-repeat expression from the element's attribute;
2.Ues Regalar expression to break it into different matches;
3.Get the collection from the scope and iterate the collection with template clone.
-->
</body>
</html>