angular-docs-cn/public/docs/_examples/cb-dynamic-form/ts/app/dynamic-form-question.component.html
Torgeir Helgevold 3cb219c5ab docs(dynamic-cookbook): upgrade to use new forms api
convert exiting to use deprecated name

converted to new api

text

warnings

fix plunker

text

test weak

text

space

text

lint

order

tweak
2016-06-20 21:02:28 -04:00

18 lines
578 B
HTML

<!-- #docregion -->
<div [formGroup]="form">
<label [attr.for]="question.key">{{question.label}}</label>
<div [ngSwitch]="question.controlType">
<input *ngSwitchCase="'textbox'" [formControlName]="question.key"
[id]="question.key" [type]="question.type">
<select [id]="question.key" *ngSwitchCase="'dropdown'" [formControlName]="question.key">
<option *ngFor="let opt of question.options" [value]="opt.key">{{opt.value}}</option>
</select>
</div>
<div class="errorMessage" *ngIf="!isValid">{{question.label}} is required</div>
</div>