switch使用

需求描述

根据一个变量column的不同值，在不同页面显示不同内容
当column='TZGG’时，页面上显示“通知公告”
当column='SZXW’时，页面上显示“时政新闻”
当column='JTYW’时，页面上显示“集团新闻”

代码实现

html

<div [ngSwitch]="columnCode">
  <div *ngSwitchCase="'TZGG'">通知公告</div>
  <div *ngSwitchCase="'SZYW'">时政要闻</div>
  <div *ngSwitchCase="'JTXW'">集团新闻</div>
  <div *ngSwitchDefault>我是默认值</div>
</div>

ts文件

columnCode:string='SZYW'

项目启动成功后页面显示时政要闻

js文件中的写法

switch(ziji) {
case ‘VP’:
ziji = ‘经理’
break;
case ‘SVP’:
ziji = ‘总经理’
break;
}