controller是AngularJs中的控制器,在控制器里边可以接受后台的数据,并且定义变量显示给前端,controller也可以作为自定义指令directive的属性存在,代码如下:
1.html中的代码:
04 | <meta charset= "UTF-8" /> |
05 | <title>Document</title> |
11 | <script type = "text/javascript" src= "http://www.zymseo.com/js/angular.min.js" ></script> |
12 | <script type = "text/javascript" > |
13 | var m = angular.module( 'app' , []); |
14 | m.directive( 'zymBlog' , [ function (){ |
17 | templateUrl : './2.html' , |
19 | controller : [ '$scope' , function ($scope){ |
21 | { id : 1, name: 'zym' , age: 23}, |
22 | { id : 2, name: 'zyy' , age: 24}, |
23 | { id : 3, name: 'zhangsan' , age: 25}, |
24 | { id : 4, name: 'lisi' , age: 26} |
|
2.html中的代码:
02 | <table cellpadding= "0" cellspacing= "0" border= "1" > |
11 | < tr ng-repeat= "(key, value) in data" > |
13 | <td>{{value.name}}</td> |
14 | <td>{{value.age}}</td> |
|
controller属性不需要再添加控制器名称,他的值是一个数组。