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);
 }