将表单传递给生活在表单之外的指令

Question

我在Google上查找了10个页面，无法找到并回答此问题......所以希望只有一个。

我想从表单外部访问表单（具体来说，它的有效性）。我已经看到并实现了require：'^ form'的使用，这对于指令位于表单内时非常有用。

一些更多的细节...我使用的引导标签集（ui-bootstrap，具体）。这个想法是在标签内容面板中的表单有效时更改标签标题文本。每个标签都有自己的形式。

任何帮助表示赞赏！

感谢， 韦恩

Answer 1

未能有你的工作演示，我认为这个问题的某些方面。 如果在窗体上设置变量并通过@Input将该名称传递给指令，则可以在指令内访问该窗体。

打字稿

@Input() formName: ngForm; 

HTML

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

DEMO