我如何根据角度条件使用字符串插值答案

【问题标题】：how can i use string interpolation based on condition in angular我如何根据角度条件使用字符串插值
【发布时间】：2021-09-09 12:17:08
【问题描述】：

我正在尝试根据我的打字稿文件中的条件在我的 html 文件中显示带有字符串插值的两个选项之一，如果变量 cityName = '' 是一个空字符串，则进行插值 {{currentLocationCity.name}} 如果变量 cityName = '!null' 不是空字符串，然后插入 {{cityByCoordiantes.name}} ，我该如何实现这一点，我可以为每个结果编写两个不同的 div 并使用*ngIf 显示其中一个，但我认为必须有更好的方法来实现这一点。

【问题讨论】：

您是否尝试在模板中使用Conditional Operator？
可以使用而不是嵌套 div 进行条件渲染

标签： angular typescript string-interpolation

【解决方案1】：

您可以使用 div、ng-container 甚至 ng-template 之类的任何内容作为 else 条件，但您可以像这样简单地使用三元运算符：

<ng-container>
    {{ cityName ?  cityByCoordiantes.name : currentLocationCity.name}}
</ng-container>

【讨论】：

谢谢它正是我想要的