我如何根据 angular 中的条件使用字符串插值

Question

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

Answer 1

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

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

我如何根据 angular 中的条件使用字符串插值

how can i use string interpolation based on condition in angular

angular

typescript

string-interpolation