angular - 指令开头的Angular 8 NgClass解析器错误
问题描述
我尝试使用以下html动态设置具有角度的ngClass类
<div class="col-md-6 col-lg-4 col-xl-4" *ngFor="let caso of tareas">
<div [ngClass]="{
'card card-outline-info shadow-box':caso.prioridad=== 'baja',
'card card-outline-warning shadow-box':caso.prioridad=== 'importante',
'card card-outline-success shadow-box':caso.prioridad=== 'completado',
'card card-outline-danger shadow-box':caso.prioridad=== 'urgente',
}">
</div>
</div>
TS:
tareas:Tarea[] =[
{
prioridad:"baja",
tipo:"Proyecto",
nombre :"Migración",
descripcion :"descripcion 1",
},
{
prioridad:"urgente",
tipo:"Caso",
nombre :"Falla en acceso a DB2",
descripcion :"descripcion 2",
},
{
prioridad:"importante",
tipo:"Proyecto",
nombre :"Implementar WebSphere",
descripcion :"descripcion 3",
},
{
prioridad:"completado",
tipo:"Caso",
nombre :"caso alv",
descripcion :"descripcion 5",
},]
我完全按照教程的编写方式进行了操作,但是我找不到模板为什么会出现上述错误的原因
解决方案
Angular 模板解析器不支持模板中的尾随逗号:
'card card-outline-danger shadow-box':caso.prioridad=== 'urgente',
}" ^^^^
remove this
推荐阅读
- python - 字节数组引用与值类型?
- html - 如何在不同的分辨率下将几个元素保持在同一位置
- ios - iOS 应用被拒绝,因为订阅在模拟器上不起作用
- c# - Unity2D:使用 UI 按钮移动播放器 - 平滑动画
- c++ - BGL:当包含 random_spanning_tree.hpp 时,对 strong_components 的调用无法编译
- android - 用户比 Cloud Function 更快
- python - 从 BIG CSV 文件 Python 中删除一行
- f# - F# / 在编译时验证数组长度的最简单方法
- android - 如何以编程方式获取 sharedUserId
- java - Jackson XML 将 XML 从 2 级反序列化为 POJO