如何使用输出指令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

回答

相关问题