带有else块的Angular 2 – * ngIf给我“无法绑定到’ngIfElse’
发布时间:2020-12-17 07:15:38 所属栏目:安全 来源:网络整理
导读:直接来自angular.io的例子对我不起作用: button (click)="show = !show"{{show ? 'hide' : 'show'}}/buttonshow = {{show}}brdiv *ngIf="show; else elseBlock"Text to show/divtemplate #elseBlockAlternate text while primary text is hidden/template
直接来自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> 相反,浏览器控制台错误:“无法绑定到’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语句按预期工作.因此,我相信我的进口是正确的.任何帮助是极大的赞赏. 解决方法
因此,在将package.json文件中的角度版本从2.4.0更改为4.0.0-beta.5后,我才开始工作.如果你看一下角度变化日志(
https://github.com/angular/angular/blob/master/CHANGELOG.md),看来ngIf的’else’部分甚至在角4.0.0-beta.0之后都不起作用
我不确定为什么官方文档解释了如何使用’else’,因为在撰写本文时,最新的稳定版本甚至不支持* ngIf的’else’部分 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |