如何在前端显示角度 2 中的方法的结果答案

【问题标题】：How do I display on the frontend the result of a method in angular 2如何在前端显示角度 2 中的方法的结果
【发布时间】：2019-05-17 21:26:09
【问题描述】：

我的.component.html 文件中有以下代码：

<div class="someContainer">
       <div class="text--bold">DDisplay this please:</div>
       <div>{{ myObject.date ? '2 Jun' : 'Now' }}</div>
 </div>

这很好用并正确显示了日期。但是我不想显示硬编码值 '2nd June' 我想显示方法的结果：

 <div>{{ myObject.date ? myObject.findDate(someParam) | date:'d LLL' : 'Now' }}</div>

但是，这一行无法编译。它说：预期。

【问题讨论】：

所以你想要date:'d LLL' 或date:'now' 取决于myObject.findDate(someParam)？

标签： angular typescript angular2-forms

【解决方案1】：

你有语法错误，试试这样 -

 <div>{{ myObject.date ? (myObject.findDate(someParam) | date:'d LLL' : 'Now') : '' }}</div>

【讨论】：

谢谢，但我认为应该是这样的：`
{{ myObject.date ? (myObject.findDate(someParam) | date:'d LLL') : '现在' }}
` ?
哦，你想这样写，我误会了

【解决方案2】：

我猜你想根据myObject.findDate(someParam) 的结果使用date:'d LLL' 或date:'now'。对吗？

如果这是您正在寻找的，那么您的问题的解决方案就是

<div>{{ myObject.date | date: (myObject.findDate(someParam) ? 'd LLL' : 'Now' }}</div>

Stackblitz

【讨论】：