將表格傳遞給表格之外的指令

Question

我在Google上瀏覽了多達10頁，找不到並回答了這一頁...因此，希望有一頁。

我想從表單外部訪問表單（特別是有效性）。 我已經看到並實現了require：'^ form'的用法，當指令位於表單內部時，該方法非常有用。

其他一些細節...我正在使用引導程序選項卡集（具體來說是ui-bootstrap）。 其想法是在選項卡內容面板中的表單有效時更改選項卡標題文本。 每個選項卡都有其自己的形式。

任何幫助表示贊賞！

謝謝，韋恩

Answer 1

由於沒有您的工作演示，我假設了問題的某些方面。 如果您在表單上設置變量，然后通過@Input將名稱傳遞給指令，則可以在指令內部訪問該表單。

打字稿

  @Input() formName: ngForm;

的HTML

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

演示