爲什麼這個角度指令只調用一次？

我已經定義了以下瑣碎的指令爲什麼這個角度指令只調用一次？

angular.module('my-app').directive('formPanel', function() { 

    return { 
     restrict: 'EA', 
     scope: { 
     forms: "=", 
     title: "@", 
     formSelect: "&" 
     }, 
     templateUrl: 'formPanel.html' 
    }; 
    } 
);

的formPanel.html模板的內容是：像

<h1>foo</h1>

如果我調用指令3次這樣：

<form-panel title="title" forms="entitledApplications" 
    form-select="goToFormDetails(selectedForm)"/> 

<form-panel title="title" forms="maybeEntitledApplications" 
    form-select="goToFormDetails(selectedForm)"/> 

<form-panel title="title" forms="applications" 
    form-select="goToFormDetails(selectedForm)"/>

的以下輸出呈現

<h1>foo</h1>

但我期待下面的

<h1>foo</h1> 
<h1>foo</h1> 
<h1>foo</h1>

看來，如果傳遞給forms scope屬性列表爲空/空出現問題，但我不明白爲什麼。

來源

2015-11-09 ivanhoe

您使用的是什麼瀏覽器？ – Cerbrus

@Cerbrus firefox – ivanhoe

不能使用自行閉合的標籤爲自定義元素。

您的代碼工作正常結束標記

<form-panel title="title" forms="entitledApplications" 
    form-select="goToFormDetails(selectedForm)"></form-panel>

DEMO

來源

2015-11-09 12:37:43 charlietfl

謝謝，這固定它 – ivanhoe

嘗試使用結束標記您的指令HTML元素：

<form-panel title="title" forms="entitledApplications" 
    form-select="goToFormDetails(selectedForm)"></form-panel> 

<form-panel title="title" forms="maybeEntitledApplications" 
    form-select="goToFormDetails(selectedForm)"></form-panel> 

<form-panel title="title" forms="applications" 
    form-select="goToFormDetails(selectedForm)"></form-panel>

來源

2015-11-09 12:34:52

爲什麼這個角度指令只調用一次？

回答

相關問題