Angular 在 html 中显示条件文本，包括条件数据

Question

我知道在 Angular2+ 中我们可以在 html 中创建条件，如下所示：

  <p>{{ dynamicData.value? dynamicData.value : dynamicData.default}}</p>

我们也可以这样做：

  <p>{{ dynamicData.value? 'text 1' : 'text 2'}}</p>

但我想结合这两种解决方案，但我不知道如何做到这一点。一般来说，我想做这样的事情：

  <p>{{ dynamicData.value? 'Dynamic data value is equal: {{dynamicData.value}}' : 'no dynamic data'</p>

您知道如何处理此文本插值吗？

Answer 1

您不需要在插值中使用插值，您已经可以访问变量并且可以尝试如下操作：

<p>{{ dynamicData?.value ? ('Dynamic data value is equal: ' + dynamicData?.value) : 'no dynamic data'}}</p>