отключенное свойство привязки кнопок не работает angular 4

Мне любопытен мой синтаксис.

Согласно документации и примерам, которые я нашел в Интернете, кнопка в моей форме должна быть отключена, если моя форма недействительна. Однако на свойство отключенных кнопок не влияет моя логика css формы.

HTML:

 <form (ngSubmit)="addcity()" #cityform ="ngForm">
      <input type="text"
             placeholder="add a city"
             id="cityadd"
             name="cityadd"
             ngModel
             pattern="([A-Z][a-z]*(\s[A-Z][a-z]*)*)"
             #formcitycss ="ngModel">
      <button type="submit" [disabled]="!formcitycss.valid" >Add City</button>
    </form>

это должно работать, но это не так. Что я делаю неправильно в отношении синтаксиса, потому что я чувствую, что я на месте


angular validation angular-forms property-binding
person Community    schedule 11.01.2018    source источник
comment
Согласно этому ответу, это должно быть [disabled]="!cityform.form.valid".   -  person ConnorsFan    schedule 11.01.2018

Ответы (3)


arrow_upward
2
arrow_downward

Попробуйте привязать его к фактической форме вместо одного ввода.

[disabled]="! cityform.valid"
person Uğur Dinç    schedule 11.01.2018

arrow_upward
0
arrow_downward

Используйте имя формы

 <button type="submit" [disabled]="!cityform .valid" >Add City</button>
person Sajeetharan    schedule 11.01.2018

arrow_upward
0
arrow_downward

так ни один из тех, где работает. С меня хватит. Я только что создал статус If для dom, чтобы отображать кнопку, если форма действительна и затронута.

person Community    schedule 11.01.2018