Angular Directive在表元素中不起作用

时间:2013-12-27 10:14:54

标签: angularjs angularjs-directive

我有一个指令,由于某种原因不能渲染!控制器工作正常,其他角度部件正在该模块内加载,因此我没有破坏角度。只是指令没有被渲染。 Please see the plunkr here 或阅读如下: 我的指示是:     

    departmentModule.directive('AssignmentRow', function () {
        return {
            templateUrl: '_row.html'
        };
    });
    

_row.html只包含“hi”一词。

在我的index.html页面中(简化为简洁):

<table>
    <tr ng-repeat="c in d.children">
        <td assignment-row></td>
    </tr>
</table>

抱歉 - 这是一个菜鸟,我非常简单 - 但是我无法弄清楚什么是错的! 提前谢谢。

1 个答案:

答案 0 :(得分:1)

  

这是因为 AngularJS 会在我们调用它时将指令定义为蛇案例时处理翻译骆驼的名称。

问题是指令名称不在驼峰名称

 departmentModule.directive('assignmentRow', function () {
    return {
        templateUrl: '_row.html'
    };
});
HTML中的

<table>
    <tr ng-repeat="c in d.children">
        <td assignment-row></td>
    </tr>
</table>

如果名称指令 ngSpark ,指令参考是 ng-spark ,这是当前面临的问题的解决方案。