ngTemplateOutlet再帰的な問題

今日では、NG-テンプレートプラスngTemplateOutletメニューで再帰を実装してみてください。NullInjectorError:しかし、私は問題が発生した!NzMenuDirectiveなしプロバイダーを
zerro命令が見つけたこと。zerro指示が表示されることができるならば適切に除去。Zerroモジュールがインポートすることはないと考えられているが、NG-テンプレートを試みるが、直接に成功zerro表示することができメニューの「NZ-メニュー項目」を書いていません。

最終的に締結し、zerroとngTemplateOutletを組み合わせることはできません。再帰は使用すべきではない、コンポーネントを使用する必要がありますngTemplateOutlet

参考:

 https://github.com/NG-ZORRO/ng-zorro-antd/issues/3490#issuecomment-495630765

https://github.com/angular/angular/issues/14842

 

 

< NG-容器* ngTemplateOutlet = "menuItemNode;文脈:{menus_:メニュー}" > </ NG-コンテナ> 

< ngのテンプレートレットtheMenus #menuItemNode = "menus_" > 
  < NG-容器* ngFor = 'せメニューtheMenus' > 
    < * ngIf = 'menu.childrens.length == 0' NZ-メニュー項目> 
      < スパンのタイトル> 
        < I = "メール" > </ I > 
        < スパン> {{}} menu.resourceName </ スパン> 
      </スパン> 
    </ > 
    < * ngIf = 'menu.childrens.length!= 0' > 
      < スパンのタイトル> 
        < I = "AppStoreの" > </ I > 
        < スパン> {{menu.resourceName}} </ スパン> 
      </ スパン> 
      < UL スタイル= "パディング左:5pxの" > 
        < NG-容器* ngTemplateOutlet = "menuItemNode;文脈:{menus_:menu.childrens}" > </ NG-容器>
      </ UL >
    </ > 
  </ コンテナ> 
</ テンプレート> 

 

おすすめ

転載: www.cnblogs.com/yoyogis/p/10988260.html