उपयोग खाका

Question

मैं द्वारा मेरे टेम्पलेट में एक नमूदार उपयोग करने के लिए कोशिश कर रहा हूँ में नमूदार:

<md-nav-list> 
    <a md-list-item *ngIf="!isAuth() | async" [routerLink]="['login']" (click)="sidenav.toggle()">Login</a> 
    <a md-list-item *ngIf="isAuth() | async" (click)="logout()" (click)="sidenav.toggle()">Logout</a> 
</md-nav-list> 

और मेरे मॉड्यूल में:

isAuth(): Observable<boolean> { 
     return this.loginservice.getAuthenticated() 
        .map(user => { if(user){ 
            if(user.hasOwnProperty('uid')){ 
             return true; 
            } else { 
             return false; 
            } 
            } else { 
            return false; 
            } 
           }) 
     } 

तो मेरी समस्या:

अगर मैं loggedin हूँ और अवलोकन योग्य रिटर्न सत्य -> ​​मेरा मेनू आइटम ठंडा

परन्तु यदि अवलोकन योग्य झूठ लौटाता है -> मेरा मेनू emp है ty -> क्या गलत है?

Answer 1

आपका अभिव्यक्ति *ngIf="!isAuth() | async" जा रहा है के रूप में व्याख्या की जा करने के लिए:

isAuth() -> returns observable 
!isAuth() -> returns false because of ! 
!isAuth() | async -> actually trying to subscribe on false which should fail 

बस !(isAuth() | async) बजाय का उपयोग करें।

आपके पास एक और समस्या यह है कि आप टेम्पलेट लोड करते समय सर्वर को दो बार कॉल करते हैं। यह ऐसा कुछ है जिसे आप शायद नहीं करना चाहते हैं।

और अंत में, इस

this.loginservice.getAuthenticated() 
       .map(user => { if(user){ 
           if(user.hasOwnProperty('uid')){ 
            return true; 
           } else { 
            return false; 
           } 
           } else { 
           return false; 
           } 
          }) 

this.loginservice.getAuthenticated() 
    .map(user => user && user.hasOwnProperty('uid')) 

के रूप में और कोणीय के साथ 5 + के रूप में

this.loginservice.getAuthenticated().pipe(
    map(user => user && user.hasOwnProperty('uid')) 
)