Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何使用*ngIf指令更改图像?_Angular_Angular Ng If - Fatal编程技术网

Angular 如何使用*ngIf指令更改图像?

Angular 如何使用*ngIf指令更改图像?,angular,angular-ng-if,Angular,Angular Ng If,我正在使用下面所示的技术开发一个应用程序。如何使用*ngIf指令用另一个图像更改图像?我会更准确地解释我的意图;我有两个图像(男性符号)♂ 女性象征♀), 当我有'gender==M'时,我必须显示男性符号,而当我有'gender==F'时,我必须显示女性符号。谢谢大家 我目前使用的技术: 离子4.10.2 角度6 8.1.2(科尔多瓦)-lib@8.1.1) 打字稿 Visual Studio代码 您可以像下面这样使用 <img src="gender == 'M'? 'your im

我正在使用下面所示的技术开发一个应用程序。如何使用*ngIf指令用另一个图像更改图像?我会更准确地解释我的意图;我有两个图像(男性符号)♂ 女性象征♀), 当我有'gender==M'时,我必须显示男性符号,而当我有'gender==F'时,我必须显示女性符号。谢谢大家

我目前使用的技术:

  • 离子4.10.2
  • 角度6
  • 8.1.2(科尔多瓦)-lib@8.1.1)
  • 打字稿
  • Visual Studio代码

    • 您可以像下面这样使用

      <img src="gender == 'M'? 'your image path for male': 'your image path for Female'"/>
      
      
      

      使用上述内容无需使用ngIf指令,而无需使用图像,您可以使用字体图标

      <div *ngIf="gender == 'F'; else elseBlock">
        <i class="fa fa-venus" aria-hidden="true">
        </i>
      </div>
      <ng-template #elseBlock>
        <i class="fa fa-mars" aria-hidden="true">
        </i>
      </ng-template>
      
      
      
      我解决了

      
      
      以及您的代码是什么样子的?angular接受插值不应该是
      还是