角度2の警告メッセージ

Question

ログイン資格が間違っていると警告メッセージを表示できません。 elseスコープには表示されませんが、ifスコープにメッセージを入力すると表示されますか？誰か助けてくれますか？

message:string; 

    //login user credentials to authenticate 
    submitForm() { 


     this.service.login(this.login.username, this.login.password) 
      .subscribe(data => { 
       if(data == true){ 


       }else { 
        this.message = "Username or Password Invalid"; 

       } 
      }); 


} 

// HTML

<div *ngIf="message" class="alert alert-danger text-center " style="width: 40%; font-size: 16px" >{{message}}</div> 

Answer 1

あなたは割り当て変更する必要があります。

if (data === true) is the solution 

より良いソリューションが

if (data) 

Answer 2

これを試してみてくださいです

message:string; 
submitForm() { 
    this.service.login(this.login.username, this.login.password) 
     .subscribe(data => { 
      if(!data){ 
       this.message = "Username or Password Invalid"; 
      } 
     }); 
}