Angular 2 - *ngIf 与 else block 给我 "Can' t 绑定(bind)到 'ngIfElse'“，但 *ngIf 没有 else block 工作

Question

直接来自 angular.io 的示例对我不起作用:

<button (click)="show = !show">{{show ? 'hide' : 'show'}}</button>
show = {{show}}
<br>
<div *ngIf="show; else elseBlock">Text to show</div>
<template #elseBlock>Alternate text while primary text is hidden</template>

相反，浏览器控制台错误:“无法绑定(bind)到‘ngIfElse’，因为它不是‘div’的已知属性。”

我的模块看起来像这样(我包括 CommonModule):

import { CommonModule } from '@angular/common';
import { NgModule }      from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';

@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    CommonModule
  ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

所以我不确定是什么问题？如果我只是从 div 中删除“; else elseBlock”，*ngIf 语句将按预期工作。因此，我相信我的输入是正确的。非常感谢任何帮助。

Answer 1

因此，在将我的 package.json 文件中的 Angular 版本从 2.4.0 更改为 4.0.0-beta.5 后，我开始使用它。如果您查看 Angular 变更日志 ( https://github.com/angular/angular/blob/master/CHANGELOG.md )，似乎 ngIf 的“其他”部分直到 Angular 4.0.0-beta.0 才起作用

我不确定为什么官方文档会解释如何使用“else”，因为在撰写本文时，最新的稳定版本甚至不支持 *ngIf 的“else”部分