Angular 角材料数据表

Angular 角材料数据表,angular,angular-material,Angular,Angular Material,场景: 我使用角度材质数据表来显示用户数据 我需要给这些数据贴上红色标签,它将在这个标签下面 标准: 100分钟的户外运动,或 50分钟的室内比赛,或 两者按比例混合,例如室内75分钟和室内120分钟 户外运动 我能够通过json显示整个数据。 我需要如何将符合上述条件的用户数据显示为红色。尝试添加如下内容: [style.background color]=“isCondition?”绿色“:“red”请在您的问题中添加一些相关代码。在不知道您所做的事情的情况下,无法真正帮助您。导出类

场景:

  • 我使用角度材质数据表来显示用户数据
  • 我需要给这些数据贴上红色标签,它将在这个标签下面 标准:

    • 100分钟的户外运动,或
    • 50分钟的室内比赛,或
    • 两者按比例混合,例如室内75分钟和室内120分钟 户外运动
我能够通过json显示整个数据。

我需要如何将符合上述条件的用户数据显示为红色。

尝试添加如下内容:


[style.background color]=“isCondition?”绿色“:“red”

请在您的问题中添加一些相关代码。在不知道您所做的事情的情况下,无法真正帮助您。导出类UserTableComponent实现OnInit{dataSource=new UserDataSource(this.UserService);displayedColumns=['id'、'name'、'gender'、'birthDate'、'height'、'weight'、'bmi'];构造函数(private UserService:UsersService){}ngonit(){}导出类UserDataSource扩展了DataSource{connect():Observable{返回this.userService.getPatient();}disconnect(){}构造函数(私有userService:usersService){super();}}}用户id{{user.id}名称{{user.Name}你能在Stackblitzwhere上创建一个演示添加这个条件吗?你的条件是“户外超过100分钟…”,你可以将它添加到`{element.position}}`中。表的代码是从一个数组中复制的,其中有userId。然后我想将这些行显示为红色,其中user.id包含在我的数组中。const myArr=[1,2,3];{{user.id}。但是这里说myArr是未定义的,如果您可以在这里添加一个stackblitz示例,那么就容易多了。尝试将“myArr.hasOwnProperty(user.id)”调用包装到html中的component.ts component.ts:checkForUser(userid:number){return arr.hasOwnProperty(userid);}