Açısal2 ve devre dışı bırakma düğmesi istisnası

Question

Kodumda, form geçersiz olduğunda veya kirli olmadığında devre dışı bırakılmış düğmem var.

Ben:

<button type="submit" [disabled]="!myForm.valid || myForm.dirty" class="save-button">Save</button> 

bana

İSTİSNA atar Hangi: İfade' || myForm.valid MyFromComponent @ 58: 38'deki myForm.dirty) işaretlendikten sonra değişti. Önceki değer: 'doğru'. Geçerli değer: 'false' içinde [! MyForm.valid || 38]

zaman geçerlilik/kirli değişiklikleri: 58 @ MyFromComponent içinde myForm.dirty.

Herhangi bir fikrin var mı?

GÜNCELLEME

Ben üretim modunu etkinleştirmek zaman çalışır:

enableProdMode() 

Answer 1

bu yanı amaca hizmet edecektir düşünüyorum.

[disabled]="!myForm.valid || !myForm.dirty" 

Answer 2

Bu iletişim formu örneği, lütfen bunu kontrol edin.

HTML dosyası

<form (ngSubmit)="contactSubmit()" #contactForm="ngForm"> 
    <div class="form-group"> 
     <label for="exampleInputEmail1">Name</label> 
     <input type="text" class="form-control" placeholder="Name" required ngControl="name" #name="ngForm" [(ngModel)]="cForm.name"> 
    </div> 
    <div class="form-group"> 
     <label for="exampleInputEmail1">Email address</label> 
     <input type="email" class="form-control" placeholder="Email" required ngControl="email" #email="ngForm" [(ngModel)]="cForm.email"> 
    </div> 
    <div class="form-group"> 
     <label for="exampleInputEmail1">Message</label> 
     <textarea class="form-control" placeholder="Message" required ngControl="message" #message="ngForm" [(ngModel)]="cForm.message" ></textarea> 
    </div> 
    <button type="submit" class="btn btn-default" [disabled]="!contactForm.form.valid">Submit</button> 
    <button type="button" class="btn btn-default" (click)="newcForm()" >New Form</button> 
</form> 

TS dosya

import {Component} from 'angular2/core'; 
import {NgForm} from 'angular2/common'; 

@Component({ 
    selector: 'my-app', 
    providers: [], 
    templateUrl: 'contact-us.component.html', 
    directives: [] 
}) 
export class App { 
    public cForm = new contactForm('','',''); 
    submitted = false; 
    active = true; 

    contactSubmit(){ 
     this.submitted = true; 
    } 
    newcForm(){ 
     this.cForm = new contactForm('','',''); 
     this.active = false; 
     setTimeout(()=> this.active=true, 0);   
    } 
} 

export class contactForm { 
    constructor(
     public name: number, 
     public email: string, 
     public message: string 
    ) { } 
}