gpt4 book ai didi

javascript - ngSwitchCase 没有提供者

转载 作者:行者123 更新时间:2023-11-29 17:35:11 24 4
gpt4 key购买 nike

我正在观看 turtorial 并尝试做我学到的东西。我在下面收到错误。我不明白为什么我在浏览器控制台上显示此错误消息。它说 [ERROR ->]<span *ngSwitchCase="true">但我不知道为什么它说 ngSwitchCase 是错误的。检查了所有文件和代码但似乎没有问题。我的错误在哪里?

错误

Uncaught Error: Template parse errors:
No provider for NgSwitch (" <td>{{item.description}}</td>
<td [ngSwitch]="item.action"></td>
[ERROR ->]<span *ngSwitchCase="true">
Yes
</span>
"): ng:///AppModule/AppComponent.html@25:14
No provider for NgSwitch ("
Yes
</span>
[ERROR ->]<span *ngSwitchCase="false">
No
</span>
"):

app.component.html

  <table class="table table-striped table-bordered">
<thead>
<tr>
<th></th>
<th>Description</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let item of items;let i=index">
<td>{{i+1}}</td>
<td>{{item.description}}</td>
<td [ngSwitch]="item.action"></td>
<span *ngSwitchCase="true">
Yes
</span>
<span *ngSwitchCase="false">
No
</span>
</tr>
</tbody>
</table>

app.comonent.ts

export class AppComponent {

items:Model[]= [
new Model('Breakfast',false),
new Model('Sport',false),
new Model('Studying',true),
new Model('Cemo',false),
]
}

模型.ts

export class Model
{
description:string;
action:Boolean;
constructor(description:string,action:Boolean)
{
this.description=description;
this.action=action;
}
}

最佳答案

你应该像这样将 span 包裹在 td 标签内,因为 ngSwitch 指令的范围是 td 元素而不是 td 元素之外

<td [ngSwitch]="item.action">
<span *ngSwitchCase="true">
Yes
</span>
<span *ngSwitchCase="false">
No
</span>
</td>

关于javascript - ngSwitchCase 没有提供者,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57196168/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com