如何在前端显示 angular 中方法的结果 2

Question

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

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

这对 fina 有效并正确显示了日期。但是我不想显示硬编码值“6 月 2 日”我想显示方法的结果：

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

然而，这一行不编译。它说：预期。

Answer 1

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

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

Answer 2

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

如果这正是您要找的，那么解决您问题的方法是

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

Stackblitz

如何在前端显示 angular 中方法的结果 2

How do I display on the frontend the result of a method in angular 2

typescript

angular2-forms

angular