Bu angular 2'de mümkün mü?
<button type="submit" [disabled]="!validate && !SAForm.valid">Add</button>
Her iki koşulun da doğru olması durumunda düğmenin etkinleştirilmesini bekliyorum.
Yukarıdaki kodu zaten denedim ama beklendiği gibi çalışmıyor.
component.ts dosyasında bir değişken tanımlayın ve onu bir değere başlatın
buttonDisabled: boolean;
ngOnInit() {
this.buttonDisabled = false;
}
Şimdi .html'de veya şablonda aşağıdaki kodu koyabilirsiniz:
<button disabled="{{buttonDisabled}}"> Click Me </button>
Artık buttonDisabled
değişkeninin değerini değiştirerek düğmeyi etkinleştirebilir/devre dışı bırakabilirsiniz.
Bu angular 2'de mümkün mü?
Evet, bu mümkün.
Koşulların her ikisi de doğruysa, düğmeyi etkinleştirecekler mi?
Hayır, eğer doğruysa, düğme devre dışı bırakılacaktır. disabled="true"
.
Yukarıdaki kodu deniyorum ama iyi çalışmıyor
Ne bekliyordunuz? valid
false olduğunda ve angular formGroup
, SAForm
geçerli olmadığında düğme devre dışı bırakılacaktır.
Burada da bir öneri, Lütfen düğmeyi bir gönderme değil düğme türünde yapın, çünkü bu tüm formun gönderilmesine neden olabilir ve invalidate
kullanmanız ve (ngSubmit)
i dinlemeniz gerekir.