1101f07ef2
* boilerplate, gulpfile, quickstart * move ts files up to cookbooks * move rest of ts files * fix tsconfig, default build task, json file * fix js examples * fix webpack example * remove a2docs.css references * fix aot examples * fix webpack run task * fix cb-i18n * fix upgrade examples * fix unit tests * fix comment in deployment index * removed unused typings.json * fix plunkers * fix js example paths * fix ts quickstart/setup prose * add src folder note to setup * broadly replace app/ -> src/app/ * broadly replace main.ts * broadly replaced index.html * broadly replace tsconfig * replace systemjs * fix filetrees * Minor prose fixes to aot, i18n cookbooks * remove char harp was complaining about * update new reactive forms example * fix quickstart jade error * fix mistakes uncovered by CI * fix bad filename errors * edit style guide 04-06 rule to use src * add changelog * Incorporate Jesus's feedback * fix snippet headers in toh1/2 * chore: tweak changelog and setup text
47 lines
1.5 KiB
HTML
47 lines
1.5 KiB
HTML
<!-- #docregion -->
|
|
<h2>Hero Detail</h2>
|
|
<h3><i>PatchValue to initialize a value</i></h3>
|
|
<form [formGroup]="heroForm" novalidate>
|
|
<div class="form-group">
|
|
<label class="center-block">Name:
|
|
<input class="form-control" formControlName="name">
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="center-block">Street:
|
|
<input class="form-control" formControlName="street">
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="center-block">City:
|
|
<input class="form-control" formControlName="city">
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="center-block">State:
|
|
<select class="form-control" formControlName="state">
|
|
<option *ngFor="let state of states" [value]="state">{{state}}</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="center-block">Zip Code:
|
|
<input class="form-control" formControlName="zip">
|
|
</label>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Super power:</label>
|
|
<label class="center-block"><input type="radio" formControlName="power" value="flight">Flight</label>
|
|
<label class="center-block"><input type="radio" formControlName="power" value="x-ray vision">X-ray vision</label>
|
|
<label class="center-block"><input type="radio" formControlName="power" value="strength">Strength</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label class="center-block">
|
|
<input type="checkbox" formControlName="sidekick">I have a sidekick.
|
|
</label>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
<p>Form value: {{ heroForm.value | json }}</p>
|