加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

带有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’部分

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读