簡單的指令不起作用

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>