指令名称中的冒号 - ng:repeat而不是ng-repeat

时间:2016-01-16 23:20:54

标签: angularjs

显然这里的代码可以运行

    <tr ng:repeat="item in invoice.items">
        <td><input type="text" ng:model="item.description"class="input-small"></td>           
        <td><input type="number" ng:model="item.qty" ng:required class="input-mini"></td>
        <td><input type="number" ng:model="item.cost" ng:required class="input-mini"></td>
        <td>{{item.qty * item.cost | currency}}</td>
        <td>
            <a href ng:click="removeItem($index)">&times</a>
        </td>
    </tr>

http://jsfiddle.net/slav123/75m7e/3/

但为什么他会使用冒号?

文档 https://docs.angularjs.org/api/ng/directive/ngRepeat 对此语法一无所知。

1 个答案:

答案 0 :(得分:0)

来自文档:

  

最佳实践:首选使用以划线分隔的格式(例如ng-bind for ngBind)。如果要使用HTML验证工具,则可以使用数据前缀版本(例如,ngBind的data-ng-bind)。 上面显示的其他表单因遗留原因而被接受,但我们建议您避免

- AngularJS Developer Guide -- Directives