Передайте форму директиве, которая живет за пределами формы

Question

Я просмотрел до 10 страниц в Google и не могу найти и ответить на этот... так что, надеюсь, есть.

Я хотел бы получить доступ к форме (в частности, это действительность) из-за пределов формы. Я видел и реализовал использование require: '^ form', которое отлично работает, когда директива находится внутри формы.

Еще несколько деталей... Я использую вкладку начальной загрузки (точнее, ui-bootstrap). Идея состоит в том, чтобы изменить текст заголовка вкладки, когда форма на панели содержимого вкладки верна. Каждая вкладка имеет свою форму.

Любая помощь приветствуется!

Спасибо Уэйн

Answer 1

Не имея вашей рабочей демонстрации, я принял некоторые аспекты проблемы. Если вы установите переменную в форме и передадите это имя в директиву через @Input, вы сможете получить доступ к этой форме внутри директивы.

Машинопись

  @Input() formName: ngForm;

HTML

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

DEMO