Angular 角度比较字符串
问题很简单: 我需要将当前用户与用户列表进行比较Angular 角度比较字符串,angular,Angular,问题很简单: 我需要将当前用户与用户列表进行比较 <tr *ngFor="let user of users"> <td> <a *ngIf="'user.usuario' != usuario" title="{{'delete' | translate}}" (click)="delete(user)"><i class="fas fa-trash"></i></a>
<tr *ngFor="let user of users">
<td>
<a *ngIf="'user.usuario' != usuario" title="{{'delete' | translate}}"
(click)="delete(user)"><i class="fas fa-trash"></i></a>
</td>
</tr>
用户
console.log(this.usuario)
在HTML中{usuario}}返回
[OBJECT][OBJECT]
将
'user.usuario'
替换为user.usuario
,不要添加报价
试试这个:
<a *ngIf="user.usuario != usuario" title="{{'delete' | translate}}"
(click)="delete(user)"><i class="fas fa-trash"></i></a>
我已在中运行并验证了此示例 请按照下面的思路- 在组件中,我添加了一个名为“users”的静态数组 和HTML格式-
<tr *ngFor="let user of users">
<td>
<a *ngIf="user.usuario != currentUser" title="{{'delete'}}"
(click)="delete(user)">{{user.usuario}} <i class="fa fa-trash">delete</i></a>
</td>
</tr>
它隐藏用户“iotadmin”,即当前用户
希望有帮助:)使用三重等于(===)
进行比较,并添加一个将usuario
转换为字符串值的方法
<tr *ngFor="let user of users">
<td>
<a *ngIf="user.usuario !== getUserio()" title="{{'delete' | translate}}"
(click)="delete(user)"><i class="fas fa-trash"></i></a>
</td>
</tr>
我知道从指令调用方法的成本很高,但这似乎是解决此问题的可行方法。:) 应该的!你能在stackBiltzElse中共享它吗?只需在你的锚标记上方插入{{user.usuario}}和{{usuario}},并检查两个字符串是否匹配。(调试目的)我认为比较三重相等(==)更好,因为它比较相等和相同类型。可能
usuario
是一个对象(例如:{a:{x:'b'}}!={a:{x:'b'}
->true
)@ElHombreSinNombre,你能显示{usuario json},还是只显示console.log(usuario)并显示结果您可以分享用户
和usuario
的样子吗..usuario
在代码中的某个地方被替换了吗?在控制台中,您显示了一个字符串,在HTML中显示了一个对象<代码>控制台.log(typeof(this.usuario))和showconsole.log(typeof(this.usuario))返回字符串。也许循环会改变什么?将{{usario}}
更改为{{usario | json}}
请在HTML中返回“alara”。现在显示问题是。。如果有条件怎么办?我尝试user.usuario!=usuario | json,不起作用。Returnn ERROR TypeError:将循环结构转换为JSONC可以尝试使用JSON.parse()吗?
export class AppComponent {
users=[{"usuario":"iotadmin","idUsuario":1},
{"usuario":"xiborra","idUsuario":2},
{"usuario":"sergio","idUsuario":3},
{"usuario":"alara","idUsuario":4},
{"usuario":"jmanrique","idUsuario":5},
{"usuario":"jaltamira","idUsuario":5}];
currentUser='iotadmin';
}
<tr *ngFor="let user of users">
<td>
<a *ngIf="user.usuario != currentUser" title="{{'delete'}}"
(click)="delete(user)">{{user.usuario}} <i class="fa fa-trash">delete</i></a>
</td>
</tr>
xiborra delete
sergio delete
alara delete
jmanrique delete
jaltamira delete
<tr *ngFor="let user of users">
<td>
<a *ngIf="user.usuario !== getUserio()" title="{{'delete' | translate}}"
(click)="delete(user)"><i class="fas fa-trash"></i></a>
</td>
</tr>
getUserio() {
return JSON.stringify(this.usuario);
}