简单的指令不起作用

Question

试图为我的标题创建一个指令，但它似乎不起作用。我有以下几点：

.directive("headerStandard", function() { 
    return { 
     restrict: "E", 
     template: "test" 
    }; 
    }) 

这就是所谓的myApp.directives一个角模块，其还包含从模板其他预装的指示，而做的工作范围内。

在我的index.html页面（其中还引用了JS文件指令的正确地址），我尝试：

<headerStandard></headerStandard> 

它可以比这更simpeler？我忽略了什么？

Answer 1

您需要的标记从改变：

<headerStandard></headerStandard> 

到

<header-standard></header-standard> 

这是因为角度的HTML编译器从骆驼案例的形式规范了指令的名字冲分隔的形式（标记名称或属性），在developer's guide中阅读更多关于它的信息。

Answer 2

指令的实际名称转换为驼峰形式指令（）函数

指令

第二个字用大写首字母变小程序有一个连字符，所以对所有未来资本第一个字母将变小，将与像yourCustomDirective连字符前面成为你定制指令性

这里，headerStandard成为头标鉴于

所以鉴于你需要使用它作为

<header-standard></header-standard>