在角2，有沒有辦法做到在角一串

Question

結合如果我建立使用路由的HTML模板，喜歡這裏

<ul class="sb-sub-menu"> 
    <li> 
     <a [routerLink]="['clientadd']">Client Add</a> 
    </li> 
</ul> 

這個工程，我期望的那樣。

但是，如果我從HTML格式的字符串構建動態UI，則路由似乎不適用。

<ul class="sb-sub-menu" [innerHTML]="links"></ul> 

其中

links: string = ` 
<li> 
    <a [routerLink]="['clientadd']">Client Add</a> 
</li>` 

在我的情況下，鏈接列表比較複雜，我想看看是否有加載它們作爲模板的HTML的方式，而不是需要創建一個模型。

有沒有這種方法來加載模板化的HTML字符串，並有路由工作？

Answer 1

Angular不會以任何方式處理動態添加的HTML。沒有綁定，沒有指令或組件實例化，...除了安全目的的消毒。

您可以使用ViewContainerRef.createComponent()動態地添加組件，如在Angular 2 dynamic tabs with user-click chosen components

解釋的。如果你真的需要動態HTML（例如用戶提供的），你可以使用的方法在How to realize website with hundreds of pages in Angular2解釋

Answer 2

你可以嘗試創建鏈接動態使用*ngFor而不是使用innerHtml

對於例如

<ul class="sb-sub-menu"> 
    <li *ngFor="let item of menuItems"> 
    <a [routerLink]="[item.url]">{{item.label}}</a> 
    </li> 
</ul>