Angular 单击onSubmit时更新ngIf

转换显示onSubmit（按钮单击）调用的图像的*ngif的简单方法是什么

当前，当在下拉菜单上选择某个项目时，会触发图像的*ngIF。我想更改此设置，以便仅在选择onSubmit后图像才会更改/更新

    <button type="button" class="btn btn-default dropdown-toggle col" data-toggle="dropdown" aria-haspopup="true"
      aria-expanded="false">
      {{form.site}} <i class="fa fa-caret-down"></i>
    </button>
    <ul class="dropdown-menu col">
      <li role="menuitem"><a class="dropdown-item" (click)="form.site='main2'">Main 2</a></li>
      <li role="menuitem"><a class="dropdown-item" (click)="form.site='main3'">Main 3</a></li>
    </ul>

  <div class="input-group field">
    <button type="button" (click)="onSubmit($event)" [disabled]="isLoading" class="btn btn-primary col">Submit</button>
  </div>
  <!-- image loading -->
  <div class="row" *ngIf="!isLoading">
    <h5 *ngIf="form.site=='main2'">
      <img src="assets/img/small.png"> Today</h5>
    <h5 *ngIf="form.site=='main3'">
      <img src="assets/img/s_small.png"> Today</h5>
  </div>

{{form.site}

Main 2
Main 3

提交
今天
今天

更改下拉项上的单击事件以调用typescript类中的函数。该函数将设置一个变量，*ngIf将关闭该变量

@Chellappan我添加了更多细节，你能举个大概的例子吗？我已经将

ng click=“formSite（'main2'）”

从

（click）=“form.site='main2'”

更改为

ng如果我理解的话，您是说您将click事件更改为“formSite（'main2'）”，因此现在在您的typescript文件中应该有一个formSite（variableName:string）方法来设置变量（比如displayImage）可由图像上的*ngIf用于确定要显示的图像。