选中angular2 ngif显示所需格式

Question

我是angular2的新手

我想创建一个函数，当用户选择一个选项时，将显示所需的表单。

这是我的html code

<label class="col-md-3 form-control-label" for="select">Zone</label>
<div class="col-md-9">
<select class="form-control" id="select" name="select" size="1">
<option *ngFor="let obj of zone"  value={{obj.id}} ngDefaultControl>
 {{obj?.name}}</option>
</select>
 </div>

让我们说用户选择第1区，然后出现第1区的表单。如果用户选择第2区，则会出现第2区的表单。等等。如何在Angular2中创建这些功能？我希望表单出现在同一个html页面中。

Answer 1

您只需使用下面的开关案例即可。 我的HTML文件：

var onTwoIntegersClass = new RealCoordinateProcessor().onTwoIntegers;
Action<int,int> onTwoIntegersVar = (x,y)=>{};
Delegate.Combine(onTwoIntegersVar, onTwoIntegersClass);

我的TypeScript文件

if (dir == Vector3.forward) {
    dir = Vector3.left + Vector3.forward;
} else {
    dir = Vector3.right + Vector3.forward;
}

Answer 2

你可以这样做： - 在组件类中删除属性以保留选定的区域 - 然后在上面的属性

上使用ngIf

<label class="col-md-3 form-control-label" for="select">
<div *ngIf="selectedid==1">
Zone1
</div>
<div *ngIf="selectedid==2">
Zone2
</div>
</label>
<div class="col-md-9">
<select class="form-control" id="select" [(ngModel)]="selectedid" name="select" size="1">
<option *ngFor="let obj of zone"  value={{obj.id}} ngDefaultControl>
 {{obj?.name}}</option>
</select>
 </div>