次のコンポーネント呼び出しをブロックして、角度2の別のコンポーネントが完了するまで約束します

Question

私はこれについてたくさん検索しましたが、残念ながら私は何も取得しませんでした。

コンテキスト

私は以下のように2つのつの子セレクタを有する成分を有します。

<div class="wrapper"> 
 
    <div class="main-panel"> 
 
    <navbar-cmp></navbar-cmp> 
 
    <router-outlet></router-outlet> 
 
    <!--<div *ngIf="!isMap()"> 
 
     <app-footer></app-footer> 
 
    </div>--> 
 
    </div> 
 
    <div class="sidebar" data-active-color="blue" data-background-color="white"> 
 
     <!-- <div class="sidebar" data-color="red" data-image=""> --> 
 
     <sidebar-cmp></sidebar-cmp> 
 
     <!--<div class="sidebar-background" style="background-image: url(assets/img/sidebar-1.jpg)"></div>--> 
 
    </div> 
 

 
</div>

ので、このナビゲーション・バーコンポーネントに応じては、呼び出されると、ナビゲーションバーには、いくつかの時間がかかるの約束が含まれています。しかし、私の流れは、nav-barコンポーネントで約束を完了する前にサイドバーコンポーネントに行きます。 しかし、私はそのコントロールがサイドバーコンポーネントに行くべきではなく、nav-barコンポーネントの約束をクリアする必要があります。

@Component({ 
    selector: 'navbar-cmp', 
    templateUrl: './navbar-cmp.html', 
    }) 
    export class NavBarComponent implements OnInit { 
    promiseIsCompleted :boolean = false; 
    constructor(private signUpService: SignUpService) { 
    } 
    ngOnInit() { 
     youPromise.then(()=>{ 
      this.promiseIsCompleted = true; 
     }) 
    } 

HTML：：

Answer 1

はこの試みる

<div class="wrapper"> 
    <div class="main-panel"> 
    <navbar-cmp #navbar ></navbar-cmp> 
    <router-outlet></router-outlet> 
    <!--<div *ngIf="!isMap()"> 
     <app-footer></app-footer> 
    </div>--> 
    </div> 
    <div class="sidebar" data-active-color="blue" data-background-color="white"> 
     <!-- <div class="sidebar" data-color="red" data-image=""> --> 
     <sidebar-cmp *ngIf="navbar.promiseIsCompleted"></sidebar-cmp> 
     <!--<div class="sidebar-background" style="background-image: url(assets/img/sidebar-1.jpg)"></div>--> 
    </div> 

</div>