Question

   <div ng-app="myapp">
    <div ng-controller="Ctrl">    
     <table ng-grid >
        <tr ng-repeat="todo in todos">
            <td >{{todo.name}}</td>
            <td >{{todo.estimate | number}}</td>
            <td width="50">{{todo.done }}</td>
            <td title="Create At">{{todo.created_at | date}}</td>
        </tr>
     </table>
    </div>
   </div>

javascript代码位于http://jsfiddle.net/dalcib/J3fjc/。我是AngularJS的新手，我可以理解上面的html。有人请解释一下我在javascript中真正做了些什么吗？

这是How to do paging in AngularJS?的答案之一。

Answer 1

从和Angular的角度来看，这可能是最有趣的javascript行：

angular.module('ngGrid', ['ngSkip']).directive('ngGrid', function() {

这条线正在做两件事。首先定义一个Angular module，然后在该模块中定义一个新的directive（名为ngGrid）。（作为旁注，还有另一个非常big project named ngGrid，这似乎没有关系。）

您将在指令中看到正在构建并返回一个对象（direc）。这定义了指令的配置。一旦你阅读Angular Directive documentation，代码的结构应该开始有意义了。

我必须说，你已经选择了一个非常粗略的例子来开始理解。也许，最好从Angular Tutorial开始并从那里建立起来。

指令的文档中的快速定义：

在较高级别，指令是DOM元素上的标记（例如   告诉AngularJS的HTML的属性，元素名称或CSS类   编译器（$ compile）将指定的行为附加到该DOM元素   甚至转换DOM元素及其子元素。

Angular带有一组内置的指令，如ngBind，   ngModel和ngView。就像你创建控制器和服务一样   您可以为Angular创建自己的指令以供使用。当Angular   引导您的应用程序，HTML编译器遍历DOM   匹配DOM元素的指令。

ng-Grid分页 - AngularJS

1 个答案: