javascript - Angular 7隐藏ngFor循环内的特定属性

Question

我正在使用 ngFor 循环 Angular 7 我需要在 ngFor 循环内隐藏特定属性(例如 userNo 和 UserType )。

emailId: "afsageg@dgvsf"
groupName: "dfsfgfdg"
mobileNo: "+91fyrtyrtyty"
userId: "ttrur"
userName: "srurttuidharan"
userNo: 2
userType: "rrhjty"
userTypeDisplay: "Operator Maker"

<tr *ngFor="let key of formData | keyvalue" >
    <td [hidden]="key.userNo">{{key.key | titlecase}}</td>
    <td>{{key.value}}</td>
</tr>

Answer 1

<td [hidden]="key.key==='userNo'">{{key.key | titlecase}}</td>
<td [hidden]="key.key==='userNo'">{{key.value}}</td> <!--if you also want to hide the value -->

或者您可以使用*ngIf代替[hidden]

我还建议将您的 key 重命名为 object (或者更不通用的名称)，因为 *ngFor 的每次迭代都包含一个对象而不仅仅是键(因此您可以访问键和值)

所以类似:

<tr *ngFor="let obj of formData | keyvalue" >
    <td [hidden]="obj.key==='userNo'">{{obj.key | titlecase}}</td>
    <td [hidden]="obj.key==='userNo'">{{obj.value}}</td>
</tr>

Small Stackblitz to illustrate