Javascript 如何更改位于 ngFor 中的块的外观

export class ArticleCardComponent implements OnInit {
  constructor(private route: ActivatedRoute) { }
  typeView='default';

  ngOnInit(): void {
    this.route.queryParams.subscribe(params => {
      console.log(params)
      this.typeView=params['viewType'];
    })
  }
}

<div [ngClass]="typeView ===  'default' ? 'css-class-1' : 'css-class-2'">

<div [ngClass]="getClass()">

getClass() {
    switch(this.typeView) {
        case 'default':
            return 'css-class-1';
        case 'special':
            return 'css-class-2';
        default:
            return 'css-class';
    }
}

Javascript相关问答推荐

如何使图像逐渐/平稳地响应(先减少宽度，然后减少高度)

JavaScript .Click()函数不起作用

reaction useEffect KeyDown for each 条目配音输出

如何将拖放功能添加到我已自定义为图像的文件输入HTML标签中？

react 路由加载程序行为

按下同意按钮与 puppeteer 师

InDesign—创建一个独立的窗口，在文档中进行更正时保持打开状态

如何找出摆线表面上y与x相交的地方？

Msgraph用户邀请自定义邮箱模板

如何在不创建新键的情况下动态更改 map 中的项目？

如何禁用附加图标点击的v—自动完成事件

康威的生活游戏规则在我的Javascript版本中不起作用.''我做错了什么？

更改JSON中使用AJAX返回的图像的路径

cypress中e2e测试上的Click()事件在Switch Element Plus组件上使用时不起作用

如何将react—flanet map添加到remixjs应用程序

优化Google Sheet脚本以将下拉菜单和公式添加到多行

使用原型判断对象是否为类的实例

以Angular 实现ng-Circle-Progress时出错：模块没有导出的成员

如何在一个对象Java脚本中获取不同键的重复值？

postman 预请求中的hmac/sha256内标识-从js示例转换