您的位置：首页 > Web前端 > AngularJS

[JS] Use repeat and list directives in AngularJS

2014-02-28 11:55 483 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航