今天嘗試通過?ng-template 加?ngTemplateOutlet實現一個遞歸的菜單。但是遇到一個問題：NullInjectorError: No provider for NzMenuDirective!
即zerro的指令找不到。如果把zerro的指令去掉就可以正常顯示。原以為是zerro的模塊沒導入，但是嘗試不用ng-template，而是直接寫‘nz-menu-item’就可以成功顯示zerro的菜單。

最終得出結論，zerro和ngTemplateOutlet不能結合使用。遞歸應該用組件，不應該用ngTemplateOutlet

參考：

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

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

?

?

<ng-container *ngTemplateOutlet="menuItemNode; context: {menus_:menus}"></ng-container><ng-template #menuItemNode let-theMenus="menus_"><ng-container *ngFor='let menu of theMenus'><li *ngIf='menu.childrens.length==0' nz-menu-item><span title><i type="mail"></i><span>{{menu.resourceName}}</span></span></li><li *ngIf='menu.childrens.length!=0'><span title><i type="appstore"></i><span>{{menu.resourceName}}</span></span><ul style="padding-left: 5px"><ng-container *ngTemplateOutlet="menuItemNode; context: {menus_:menu.childrens}"></ng-container></ul></li></ng-container> </ng-template>

?

轉載于:https://www.cnblogs.com/yoyogis/p/10988260.html

總結

以上是生活随笔為你收集整理的ngTemplateOutlet递归的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。