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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
