admin管理员组

文章数量:1291716

On mat-select value change, want to pass some flag to another column or want to add custom content next column of same row using angular.

                  <mat-select style="min-width: 150px;" 
                    [(ngModel)]="data.selected_value" 
                    name="configtableDropdown"
                    (selectionChange)="selection($event, data)">
                      <mat-option *ngFor="let dropdownValue of data.values" [value]="dropdownValue">
                        {{dropdownValue}}
                      </mat-option>
                  </mat-select>
                </mat-form-field>

On mat-select value change, want to pass some flag to another column or want to add custom content next column of same row using angular.

                  <mat-select style="min-width: 150px;" 
                    [(ngModel)]="data.selected_value" 
                    name="configtableDropdown"
                    (selectionChange)="selection($event, data)">
                      <mat-option *ngFor="let dropdownValue of data.values" [value]="dropdownValue">
                        {{dropdownValue}}
                      </mat-option>
                  </mat-select>
                </mat-form-field>
  • javascript
  • angular
  • typescript
  • angular-material
Share Improve this question edited Feb 14 at 6:01 Rohit asked Feb 13 at 13:40 RohitRohit 311 silver badge5 bronze badges
Add a comment  | 

1 Answer 1

Reset to default 0

Whatever you want to add add in the data object data, assume the property name is someFlag, now in the next column, you can reference data.someFlag and conditionally show content.

@if(data.someFlag) {
 true value HTML
} @else {
 false value HTML
}

本文标签：

版权声明：本文标题：javascript - On mat-select value change, want to pass some flag to another column or want to add custom content next column of s 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1741537833a2384135.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。