代码之家 › 专栏 › 技术社区 › Pawan

如何使用*ngfor编写条件以检查两个值

angular

Pawan · 技术社区 · 6 年前

我用角7

我的组件中有一个股票数组,如上图所示。

private stocks:any = [];

 [{
        "scripcode": "M&M",
        "open": "671.95",
        "high": "676.90",
        "low": "661.60",
        "exchange": "NSE"
    }, {
        "scripcode": "DRREDDY",
        "open": "2616.00",
        "high": "2684.00",
        "low": "2603.00",
        "exchange": "NSE"
    }, {
        "scripcode": "GRASIM",
        "open": "722.00",
        "high": "743.60",
        "low": "722.00",
        "exchange": "NSE"
    }
    ]

在我的模板类中,我用以下方式显示它

<tbody>
    <tr mdbTableCol *ngFor="let el of stocks">
      <th scope="row">{{el.scripcode}}</th>
      <td>{{el.open}}</td>
      <td>{{el.low}}</td>
      <td>{{el.high}}</td>
    </tr>
  </tbody>

是否可以写一个条件,以防 开度和低值相同 ,那么只需要显示行,否则不显示

谢谢你的阅读

1 回复 | 直到 6 年前

Andriy 6 年前

我会利用这个机会来做一些这样的事情。由于需要使用两个模板绑定,可以使用 ng-container

<tbody>
  <ng-container *ngFor="let el of stocks">
    <tr mdbTableCol *ngIf="el.low === el.open">
      <th scope="row">{{el.scripcode}}</th>
      <td>{{el.open}}</td>
      <td>{{el.low}}</td>
      <td>{{el.high}}</td> 
    </tr>
  </ng-container>
</tbody>

这个 tr 只有当两者不相同时才会显示。

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

Jihed Ben Zarb · 造型角材料日期选择器

5 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

5 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

5 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

5 月前

Jace Johnson · Typescript文件读取的变量类型错误

5 月前

Ole · Angular资源API是否支持为资源添加初始值?

5 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

5 月前