I need to control column name based on multi condition *ngIf but i don't know which tag used and where : *ngIf= "coln=repcon.fieldName && repcon.columnType=1" then display data as icon link on field onlineurl *ngIf= "coln=repcon.fieldName && repcon.columnType=2" then make it as hidden field to field onlineurl I work on angular 7 app I displayed dynamic data no fixed header or content "let coln of headerCols" > {{coln}} "let repcon of ReportControl" > "let repdata of ReportData" > "let rep of reportdetailslist" > "let coln of headerCols" > {{rep[coln]}} // i think here can applied multi ng if but which tag used . sample data ReportId onlineurl reportdate 1222 localhost:5000/ 12-12-2018 1222 localhost:7000/ 12-01-2019 1222 localhost:9000/ 12-12-2020 control report reportid fieldname columntype 1222 onlineurl

Hi, To achieve this just create 2 span in 1st span define display data as icon link on field onlineurl in 2nd span tag define make it as hidden field to field onlineurl for the the span write ng-hide condition for 1 span write *ngIf="coln=repcon.fieldName && repcon.columnType=2" for 2nd span write ngIf="coln=repcon.fieldName && repcon.columnType=1 I hope this may help you

Answer

How to apply multi ngif to data display on table?

ahmed elbarbary

632

I need to control column name based on multi condition *ngIf but i don't know which tag used and where :

*ngIf="coln=repcon.fieldName && repcon.columnType=1" then display data as icon link on field onlineurl
*ngIf="coln=repcon.fieldName && repcon.columnType=2" then make it as hidden field to field onlineurl

I work on angular 7 app I displayed dynamic data no fixed header or content