我如何根据 angular 中的条件使用字符串插值
how can i use string interpolation based on condition in angular
我正在尝试根据打字稿文件中的条件在我的 html 文件中显示带有字符串插值的两个选项之一,如果变量 cityName = ''
是空字符串,则进行插值
{{currentLocationCity.name}}
如果变量 cityName = '!null'
不是空字符串然后插入 {{cityByCoordiantes.name}}
,我怎样才能做到这一点,我可以为每个结果写两个不同的 div,并使用 *ngIf
显示其中一个,但我认为必须有更好的方法来实现这一点。
您可以使用 div
、ng-container
、甚至 ng-template
之类的任何东西作为 else 条件,但您可以像这样简单地使用三元运算符:
<ng-container>
{{ cityName ? cityByCoordiantes.name : currentLocationCity.name}}
</ng-container>
我正在尝试根据打字稿文件中的条件在我的 html 文件中显示带有字符串插值的两个选项之一,如果变量 cityName = ''
是空字符串,则进行插值
{{currentLocationCity.name}}
如果变量 cityName = '!null'
不是空字符串然后插入 {{cityByCoordiantes.name}}
,我怎样才能做到这一点,我可以为每个结果写两个不同的 div,并使用 *ngIf
显示其中一个,但我认为必须有更好的方法来实现这一点。
您可以使用 div
、ng-container
、甚至 ng-template
之类的任何东西作为 else 条件,但您可以像这样简单地使用三元运算符:
<ng-container>
{{ cityName ? cityByCoordiantes.name : currentLocationCity.name}}
</ng-container>