コンストラクタの関数がコンストラクタの関数が完了しなくなるまでコンストラクタの後のコンポーネントのライフサイクルを保持する方法はありますか？

Question

私はangular2アプリケーションに取り組んでいます。

私のメニューを表示するコンポーネントがあります。このコンポーネントでは、メニュー項目（配列）のリストがあり、コンストラクタでは、true/falseでメニュー項目のアクセス権を取得するためにAPIを呼び出しています。 HTMLファイルでは、menuList配列をループして出力し、すべてのmenuListアイテムをアクセス許可オブジェクトでコンパイルします。許可があれば、そうでなければ表示されます。

apiはデータを返すのに時間がかかりますが、応答を返す前にhtmlがビルドされていたため、エラーが発生します。そのため、コンポーネントの初期化後に最初にAPIの応答を取得する必要があります。 HTMLファイルで

Answer 1

それを印刷するメニューリストの配列をループする私はあなたがアイテムを表示するには、このようなngForと建設を使用していると仮定しています：

<menu-item *ngFor="let item of menuItems"..> 

この場合、最適なアプローチをサーバーからの応答を得るまで、menuItemsに値を入力しないでください。これらの行に沿って何か：

export class MenuComponent { 
    menuItems = []; 
    constructor(s: BackEndService) { 
    } 

    ngOnInit() { 
     s.getPermissions().toPromise().then((permissions)=>{ 
      permissions.forEach(()=>{ 
      // some calculations 
      menuItems.push(item); 
      }) 
     }) 
    } 
}