angular - 将表单传递给位于表单之外的指令

Question

我在 Google 上查看了 10 页，但找不到并回答这个问题……所以希望有一个。

我想从表单外部访问一个表单（特别是它的有效性）。我已经看到并实现了 require: '^form' 的使用，当指令在表单内时它非常有用。

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

任何帮助表示赞赏！

谢谢，韦恩

Answer 1

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

打字稿

  @Input() formName: ngForm;

HTML

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

演示