TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
ahmed elbarbary
NA
1.6k
278.2k
How to apply multi ngif to data display on table?
May 20 2020 9:39 AM
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
<thead >
<tr>
<th *ngFor=
"let coln of headerCols"
>
{{coln}}
</th>
</tr>
</thead>
<tbody>
<ng-container *ngFor=
"let repcon of ReportControl"
>
<ng-container *ngFor=
"let repdata of ReportData"
>
<tr *ngFor=
"let rep of reportdetailslist"
>
<td *ngFor=
"let coln of headerCols"
>
<span>{{rep[coln]}}</span>
// i think here can applied multi ng if but which tag used .
</td>
</tr>
</ng-container>
</ng-container>
</tbody>
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
Reply
Answers (
1
)
menu click working on report component but report details no
How to convert URL cell text as small link when press on it