Я использую шаблонно-управляемую форму и двустороннее ожидание.С другой стороны, я также использую [ngModelOptions]="{ standalone: true }" без назначения атрибута name для полей ввода.
<app-input [type]="'text'"
[ngModelOptions]="{ standalone: true }"
[(ngModel)]="data.user.name"
labelText="User Name" [required]="false"
[readonly]="false">
</app-input>
Пока форма работает нормально.
Моя проблема в том, что я хочу отключить кнопку, пока форма не будет действительной:
<button [disabled]="!form.valid" ...>
но, к сожалению, это невозможно сделать при использовании [ngModelOptions]="{ standalone: true }", поскольку поля не являются частью формы.
Я искал, но не нашел варианта использования, подобного тому, который я имеюоблицовка.
PS Ввод является собственным компонентом, используя NG_VALUE_ACCESSOR