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

Question

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

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

更多细节......我正在使用bootstrap tabset（ui-bootstrap，具体而言）。我们的想法是在选项卡内容面板中的表单有效时更改选项卡标题文本。每个标签都有自己的形式。

感谢任何帮助！

谢谢， 韦恩

Answer 1

没有你的工作演示，我假设了问题的某些方面。 如果在表单上设置变量并通过@Input将该名称传递给指令，则可以在指令中访问该表单。

打字稿

  @Input() formName: ngForm;

HTML

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

DEMO