Angularjs Angular2用于生成额外回路

我试图在Angular 2 rc-1中使用ngFor，如下所示：

@Component({
    selector: 'myList',
    template: `<h2>Menu</h2>
                {{title}}
                <ul>
                    <li *ngFor="let menu of menus">
                        {{menu }}
                    <li>
                </ul>`
})
export class MenuComponent {
    title:string = "Our lunch menu";
    menus= ["Menu 1", "Menu 2", "Menu 3"];
}

@组件({
选择器：“myList”，
模板：`菜单
{{title}}


{{menu}}

`
})
导出类菜单组件{
标题：string=“我们的午餐菜单”；
菜单=[“菜单1”、“菜单2”、“菜单3”]；
}

我面临的问题不是产生3个项目符号/列表，而是最后4个项目符号，最后一个项目符号没有任何文本

有人知道为什么会这样，或者我是否犯了什么错误吗

---

谢谢

您的代码中有两个错误

一,。您尚未在组件中导入

CORE\u指令

正如@Gunter在评论中所说，无需导入

CORE_指令

，因为默认情况下，它们是平台_指令的一部分

为什么你的代码会产生3个项目符号/列表？最后一个项目符号是4个项目符号，没有任何文本。因为在您的代码中没有结尾标记

因此，请使用以下命令更改代码：-

<ul>
  <li *ngFor="#menu of menus; #i=index">
   {{menu}} {{i}} {{menus.length}}
  </li>
</ul>

{{menu}}{{i}{{{menus.length}}

---

工作示例

您必须在其他地方修改了菜单。这是不可能的。再次检查代码…

CORE\u指令

默认情况下作为

PLATFORM\u指令

的一部分提供，无需导入或提供任何这些指令。