代码之家 › 专栏 › 技术社区 › burnt1ce

如何在两个datacomponent之间进行数据绑定?

angular-material angular

0

burnt1ce · 技术社区 · 7 年前

我正在使用角材质创建一个图像选择器,使用 <mat-button-toggle> mat-badge . < 垫子徽章 当 <mat按钮切换> 在一个 selected

如何进行数据绑定 垫子徽章 的 matBadgeHidden 属性到 < 的 挑选出来的 财产?换句话说,我该如何让它工作 matBadgeHidden="!selected"

源代码

<mat-button-toggle-group 
  #group="matButtonToggleGroup" 
  multiple=true>
  <mat-button-toggle 
    *ngFor="let image of images" 
    value="image.id"  
    matBadge="âï¸" 
    matBadgePosition="above after" 
    matBadgeHidden="!selected" 
    matBadgeColor="basic" 
    style="padding-top:10px; padding-bottom:10px; margin:10px">
      <img src="{{image.url}}" />
  </mat-button-toggle>
</mat-button-toggle-group>

API文档链接:

1 回复 | 直到 7 年前

1

frido 7 年前

matBadgeHidden 财产 mat-button-toggle checked

<mat-button-toggle 
    #imageButton
    *ngFor="let image of images"  
    matBadge="âï¸" 
    [matBadgeHidden]="!imageButton.checked">
</mat-button-toggle>

https://stackblitz.com/edit/angular-mfmpx5