Javascript ngfor和ngif使用localvariable不工作

我正在尝试用angular 2创建一个应用程序，我有一个手风琴菜单，希望对菜单进行模板化。。。 这是我的代码：

 <ul class="category_vl fold-menu"  >

    <li *ngFor="#wrapper_item_menu of arrayOfKeys">
       <a (click)="menu($event)"    title="" class="clearfix hv2-category-item">
                                <b> {{wrapper_item_menu.name}}  </b>
                                <i>۱۴۲</i>
                                <span class="icon-down-open-big"></span>

                            </a>
                            <ul *ngIf="wrapper_item_menu.items">
                                <li
                                        *ngFor="#submenu of wrapper_item_menu.items"
                                        *ngIf="submenu.name != '_props'"   <============== my error is here!
                                >

                                    <a  [routerLink]="['Inside_group_page', {'name':'asdasd' }]"   >{{submenu.name}}</a>

                                </li>
                            </ul>
                        </li>

{{wrapper\u item\u menu.name}
۱۴۲

更新

从2.0.0 final开始，不再推荐标准形式

  <template ngFor #submenu [ngForOf]="wrapper_item_menu.items">

在beta.17中，
*ngFor
的语法有点变化（用
let
替换
#
）：



您还可以对结构指令（与
*
前缀一起使用的指令）使用扩展语法：



(...)


这样，您的HTML将保持相同的结构…
您使用的是哪个angular2版本？在最新的beta版本中有一些变化。检查Günter做出了明确的解释。我有一个更好的主意…当submenu.name！='_标记中*ngIf中的props调用函数并移除。最近的（“li”）…：）如何在submenu.name！='时调用函数_道具？！tnx供评论：D Yeahhh。。。我不想渲染li…请告诉我如何在相等时调用函数…tnxx:）它们将
ngIf
移动到
标记之外。请参阅我的最新答案。
  <ng-container *ngFor="let submenu of wrapper_item_menu.items">

<ul *ngIf="wrapper_item_menu.items">
  <li
      *ngFor="#submenu of wrapper_item_menu.items">
    <a *ngIf="submenu.name != '_props'" [routerLink]="['Inside_group_page', {'name':'asdasd' }]"> 
        {{submenu.name}}</a>
  </li>
</ul>

<ul *ngIf="wrapper_item_menu.items">
  <li
      *ngFor="let submenu of wrapper_item_menu.items">
    <a *ngIf="submenu.name != '_props'" [routerLink]="['Inside_group_page', {'name':'asdasd' }]"> 
        {{submenu.name}}</a>
  </li>
</ul>

<ul *ngIf="wrapper_item_menu.items">
  <template ngFor #submenu [ngForOf]="wrapper_item_menu.items">
    <li *ngIf="submenu.name != '_props'">
      <a  [routerLink]="['Inside_group_page', {'name':'asdasd' }]"> 
          {{submenu.name}}</a>
    </li>
  </template>
</ul>

<ul *ngIf="wrapper_item_menu.items">
  <template ngFor let-submenu [ngForOf]="wrapper_item_menu.items">
    <li *ngIf="submenu.name != '_props'">
      <a  [routerLink]="['Inside_group_page', {'name':'asdasd' }]"> 
          {{submenu.name}}</a>
    </li>
  </template>
</ul>

<template [ngIf]="submenu.name != '_props'">
  <li *ngFor="#submenu of wrapper_item_menu.items">
    (...)
  </li>
</template>