angular2

Question

Ben kullanıcı verilerini kurtardı zaman Bootstrap uyarısı görüntülemek istediğiniz

kullanarak önyükleme uyarısı gösteriliyor.

benim kod aşağıdaki gibidir:

html sayfası:

<div class="alert alert-success" *ngIf="saveSuccess"> 
    <strong>Success!</strong> 
</div> 
<form #f="ngForm" (submit)="saveUser(f.value)"> 
     /////Some form fields 
    <button class="form-control btn btn-primary" type="submit">save</button> 
</form> 

app.component.ts:

export class UserProfileComponent{ 
saveSuccess: boolean; 
user: IUser; 

saveUser(user:IUser) { 
    this.headers = new Headers(); 
    this.headers.append('Content-Type', 'application/json'); 
    this.editUserForm = user; 
    this._http.post('api/user/'+this._current_user._id, JSON.stringify(this.editUserForm),{ 
     headers: this.headers 
    }).subscribe(function(data) { 

     // if the update is successful then set the value to true 
     // this is getting updated 
     if (data){ 
      this.saveSuccess = true; 
     } 
     else{ 
      this.saveSuccess = false; 
     } 
    }); 
} 

} Uyarıyı görüntülemek istediğiniz

zaman başarılı POST yapılır.

Ben yapılır tasarrufu zaman başarılı böylece uyarı görüntülenebilir html 'saveSuccess' değişkeni bağlamak nasıl özlüyorum düşünüyorum. Ben onu görmedim

Answer 1

Son gece, çok geç muhtemelen (Ben Angular2 için yeni). Ancak sorununuz, saveSuccess'u ayarladığınız satır içi işlevinde this içeriğine sahip değil.

Sana lambdas veya "şişman ok fonksiyonu" kullanmak öneririm. Bunun yerine

function(data) { ... } 

size

(data) => { ... } 

this bağlam korunacaktır Bu şekilde yapmak. Sadece satır içi işleve ihtiyacınız olan her yerde kullanın ve artık hiç sorun yaşamayacaksınız! :) lamda fonksiyonu ile

---

Kodunuz:

export class UserProfileComponent{ 
    saveSuccess: boolean; 
    user: IUser; 

    saveUser(user:IUser) { 
     this.headers = new Headers(); 
     this.headers.append('Content-Type', 'application/json'); 
     this.editUserForm = user; 
     this._http.post('api/user/'+this._current_user._id, JSON.stringify(this.editUserForm),{ 
      headers: this.headers 
     }) 
     .map((data: Response) => data.json) // <-- also add this to convert the json to an object 
     .subscribe((data) => { // <-- here use the lambda 

      // if the update is successful then set the value to true 
      // this is getting updated 
      if (data){ 
       this.saveSuccess = true; 
      } 
      else{ 
       this.saveSuccess = false; 
      } 
     }); 
    } 
} 

Answer 2

bu dinamik uyarı bileşeni düşünün: : Örneğin

Angular2 Service which create, show and manage it's inner Component? How to implement js alert()?

.

this.alertCtmService.alertOK("Save changes???").subscribe(function (resp) { 
    console.log("alertCtmService.alertOK.subscribe: resp=" + resp.ok); 
    this.saveData(); 
}.bind(this)); 

See this Demo here