Ng-if on select元素

时间:2018-03-09 09:00:04

标签: html angular typescript

我正在尝试根据从用户中选择的选项来显示内容。我试过这种方式

              <select class="form-control" id="Intervencion" >
                <option selected disabled></option>
                <option (click)="show">Yes</option>
                <option>No</option></select>

<div *ngIf="show"><p>Text to show</p></div>

我不明白这个问题。有一个特殊的指令吗?

1 个答案:

答案 0 :(得分:1)

...您似乎不知道基本HTML的工作原理。很抱歉这样说,但你要知道你在做什么是完全野蛮的。

以下是您的解决方案:

<select [(ngModel)]="intervencion">
  <option value="yes">Yes</option>
  <option value="no">No</option>
</select>

<div *ngIf="intervencion === 'yes'">Text to show</div>

有了这个,你应该真正关注Angular的教程,因为这是他们用来解释ngModel如何工作的第一个例子。