如何使用輸出指令ngFor

我有一些列表中包含其他指令的項目，我想輸出指令並使其呈現。 *ngFor正確地將值呈現給瀏覽器，但不呈現指令。這可能嗎？如果我直接將此指令添加到此模板，它會呈現，因此我知道該頁面已知道該指令。如何使用輸出指令ngFor

<ul id="sidebar-wrapper" class="clearfix nav navbar-default sidebar-nav clearfix"> 
       <li *ngFor="#nav of navigationItems"> 
        <span [innerHTML]="nav.directive"></span> 
       </li> 
       <ul>

來源

2016-01-20 Honorable Chow

您需要展示更多代碼。特別是，你是否有使用你在上面顯示的模板的組件中指定的'指令：[MyDirectiveComponent]'（或任何類名稱）？ –

-1

試試這個，這是你應該引用一個組件的方式，我假設你試圖顯示一個組件列表。

<ul id="sidebar-wrapper" class="clearfix nav navbar-default sidebar-nav clearfix"> 
    <li *ngFor="#nav of navigationItems"> 
    <mydirective [nav]="nav"></mydirective> 
    </li> 
<ul>

實例模板，顯示文章列表會是什麼樣子，

<div class="list-group" *ngFor="#post of posts"> 
    <post-card [post]="post"></post-card> 
</div>

這裏的職位卡是我們用來顯示組件如何一展後的樣子在卡格式。該列表將循環訪問posts數組，然後爲每個帖子渲染一個post-card元素，將帖子元素傳遞給post-card元素，爲它提供它自己呈現所需的信息。

來源

2016-01-20 22:20:31

只會導致拋出異常 –

你的nav.directives包含什麼？你的導航對象是否有指令屬性？你可以添加更多的組件細節，這將幫助我更快地找到答案。 –

一個普通的空指令，如。如果我把指令放在上面的模板的某個地方，它會正確渲染。當我在瀏覽器中查看標記時，我可以看到它沒有呈現的指令。 –

如何使用輸出指令ngFor

回答

相關問題