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

    <div class="form-group">
      <label for="alterEgo">Alter Ego</label>
      <input type="text" class="form-control"
             [(ngModel)]="model.alterEgo">
    </div>

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

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