<!-- #docregion -->
<div class="container">
  <h1>Hero Form</h1>
  <form>
    <div class="form-group">
	    <label for="name">Name</label>
      <!-- #docregion ngModel-1 -->
      <input type="text" class="form-control" required
             [(ngModel)]="model.name" >
      TODO: remove this: {{model.name}}
      <!-- #enddocregion ngModel-1 -->
    </div>

    <div class="form-group">
      <label for="alterEgo">Alter Ego</label>
      <input type="text" class="form-control">
    </div>

	  <!-- #docregion powers -->
    <div class="form-group">
      <label for="power">Hero Power</label>
      <select class="form-control" required>
        <option *ngFor="let p of powers" [value]="p">{{p}}</option>
      </select>
    </div>
	  <!-- #enddocregion powers -->

    <button type="submit" class="btn btn-default">Submit</button>
  </form>
</div>
