將表單傳遞給生活在表單之外的指令

Question

我在Google上查找了10個頁面，無法找到並回答此問題......所以希望只有一個。

我想從表單外部訪問表單（具體來說，它的有效性）。我已經看到並實現了require：'^ form'的使用，這對於指令位於表單內時非常有用。

一些更多的細節...我使用的引導標籤集（ui-bootstrap，具體）。這個想法是在標籤內容面板中的表單有效時更改標籤標題文本。每個標籤都有自己的形式。

任何幫助表示讚賞！

感謝， 韋恩

Answer 1

未能有你的工作演示，我認爲這個問題的某些方面。 如果在窗體上設置變量並通過@Input將該名稱傳遞給指令，則可以在指令內訪問該窗體。

打字稿

@Input() formName: ngForm; 

HTML

<form #f="ngForm"></form 
.... 
    <div [formName]="f" .....> 

DEMO