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> 
     </td>
</tr>

当前用户是usuariouser.usuario是一个users for循环。当user.usuario!=usua​​rio时我需要显示这个元素,当user.usuario==usua​​rio时我需要隐藏它。

问题:这个条件不起作用。有什么问题吗? {{usuario}}返回值。

更新

用户数组

0: {idUsuario: 20, usuario: "iotadmin", nombre: null, apellidos: null, …}
1: {idUsuario: 21, usuario: "xiborra", nombre: "Xavi", apellidos: "Iborra", …}
2: {idUsuario: 22, usuario: "sergio", nombre: "Sergio", apellidos: "Hernando", …}
3: {idUsuario: 23, usuario: "alara", nombre: "Asier", apellidos: "Lara", …}
4: {idUsuario: 25, usuario: "jmanrique", nombre: "Jorge", apellidos: "Manrique", …}
5: {idUsuario: 26, usuario: "jaltamira", nombre: "Jorge", apellidos: "Altamira", …}
length: 6
__proto__: Array(0)

用户

console.log(this.usuario)

alara

在 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> 

关于Angular - 比较字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57690857/

相关文章:

使用 Observable 计时器进行 Angular 变化检测

构建后 lib 中不包含 Angular 6 库 Assets

Angular CLI 停止在浏览器控制台中给我合理的行(没有源映射),但终端显示正确的源

angular - 如何从数组列表中删除数据 - NGXS 状态管理

javascript - Angular 2 : ViewChild is undefined on parent

angular - 如何在Ionic 3 中显示捕获的图像预览?

特定项目的 Angular 页面过渡动画

javascript - 为什么 Angular 加载我的根模板两次

javascript - 如何从 HTML 中禁用 angular2-ladda 并防止类被 ladda 覆盖

Angular:同时使用 ViewChild 和输入、副作用还是最佳实践?