2015-11-16 15:16:44 -08:00
|
|
|
<!-- #docregion -->
|
|
|
|
<div class="container">
|
|
|
|
<h1>Hero Form</h1>
|
|
|
|
<form>
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="name">Name</label>
|
2015-12-10 12:43:13 -08:00
|
|
|
<!-- #docregion ngModel-3 -->
|
2015-11-16 15:16:44 -08:00
|
|
|
<input type="text" class="form-control" required
|
2015-12-10 12:43:13 -08:00
|
|
|
[ngModel]="model.name"
|
2015-12-25 13:45:08 +03:00
|
|
|
(ngModelChange)="model.name = $event" >
|
2015-11-16 15:16:44 -08:00
|
|
|
TODO: remove this: {{model.name}}
|
2015-12-10 12:43:13 -08:00
|
|
|
<!-- #enddocregion ngModel-3 -->
|
2015-11-16 15:16:44 -08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="alterEgo">Alter Ego</label>
|
|
|
|
<input type="text" class="form-control"
|
2015-12-10 12:43:13 -08:00
|
|
|
[(ngModel)]="model.alterEgo">
|
2015-11-16 15:16:44 -08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="form-group">
|
|
|
|
<label for="power">Hero Power</label>
|
|
|
|
<select class="form-control" required
|
2015-12-10 12:43:13 -08:00
|
|
|
[(ngModel)]="model.power">
|
2016-04-29 01:36:35 +01:00
|
|
|
<option *ngFor="let p of powers" [value]="p">{{p}}</option>
|
2015-11-16 15:16:44 -08:00
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<button type="submit" class="btn btn-default">Submit</button>
|
|
|
|
</form>
|
|
|
|
</div>
|