Wie wird der Eingabewert gesetzt und der Modellwert mit jquery in Angularjs2 aktualisiert?

Question

Ich plane, angularjs 1 Anwendung zu angularjs2 zu aktualisieren. Hier ist Problem, wie Eingabewert gesetzt und Modellwert mit jquery in angualrjs2 aktualisieren.

Hier ist mein Code:

export class AppComponent { 
    public user: User = { 
    name: 'John', 
    address: { 
     address1: '11, High Street' 
    } 
    } 
    ngOnInit() { 
     console.log("User name ::"+this.user.name) 
     console.log('ngOnInit') 
     $('#postcode').val('123456'); 
    } 
    public save(form: IUser, isValid: boolean) { 
    console.log(form, isValid); 
    } 
} 

plunkr Code: http://plnkr.co/edit/BGYTpytD7kGMmRODE796

Answer 1

Angular intern Modelldaten übertragen, müssen Sie Daten entfernen in der <input> Tagbindenden, wenn Sie Jquery verwenden müssen: ändern

<input type="text" class="form-control" name="postcode" 
      [(ngModel)]="user.address.postcode" id="postcode"> 

zu

<input type="text" class="form-control" name="postcode" 
     id="postcode"> 

prüfen Demo: http://plnkr.co/edit/RVSwYjaLIPE4Uv4s75oD?p=info

Der andere wird besser Weise nur das Modell ändern werden:

public user: User = { 
name: 'John', 
address: { 
    address1: '11, High Street', 
    postcode : "N14 46T" // <--------Add postcode property 
    } 
}