按钮组的使用

html:

<nz-radio-group [(ngModel)]="selectedDate"  *ngFor="let item of date" >
  <label nz-radio-button nzValue="{{ item.value }}" (click)="search()">{{ item.label }}</label>
</nz-radio-group>

注意这里的selectedDate=nzValue="{{ item.value }}"的值

ts:

selectedDate ="1" // 当前日期
date=[
  { value: '0', label: '昨天' },
  { value: '1', label: '近七天' },
  { value: '2', label: '本月' },
  { value: '3', label: '上月' },
  { value: '4', label: '今年' },
  { value: '5', label: '去年' },
];

效果图 点击谁,谁变蓝色

猜你喜欢

转载自blog.csdn.net/qq_38643776/article/details/81908547
今日推荐