title: typescript enum default value
body: <p>I am just starting to learn Typescript with the Aurelia framework. I have implemented Matthew Davis's blog TypeScript Enums in Aurelia Templates Using ViewEngineHooks <a href="http://davismj.me/blog/template-constants/" rel="noreferrer">http://davismj.me/blog/template-constants/</a> to the Aurelia's Todo app.</p>
  
  <p>I would please like to set the default enum value to the 2nd value in the list and is setting the default to the 1st value in the list.</p>
  
  <p>Also I would please like to know if {Todo, Priority} or just {Todo} needs importing as shown in the todo-list.ts</p>
  
  <p>todo.ts</p>
  
  <pre><code>// Pro Tip: By starting our enum at 1, we ensure that all values in the enum are truthy.
  export enum Priority {
      High = 1,
      Medium,
      Low
  }
  
  export class Todo {
      @observable done;
      //*** Setting priority: Priority = 2 OR priority: Priority = Priority.Medium - Does not change the default from High / 1 ***
      //constructor(public list: TodoList, public description: string, public priority: Priority = 2, public editing: boolean = false) { 
      constructor(public list: TodoList, public description: string, public priority: Priority = Priority.Medium, public editing: boolean = false) { 
          this.list = list;
          this.description = description;
          //*** Setting this.priority = 2 OR this.priority = Priority.Medium - Does not change the default from High / 1 ;
          //this.priority = 2;
          this.priority = Priority.Medium;
          this.editing = false;
      }
  </code></pre>
  
  <p>todo-list.ts</p>
  
  <pre><code>//*** Is {Todo} OR {Todo, Priority} needed for importing? ***
  //import {Todo} from './todo';
  import {Todo, Priority} from './todo';
  ...
    add(description) {
      if (description) {
        //*** Setting (this, description, 2) OR (this, description, Priority.Medium) - Does not change the default from High / 1 ***
        //this.todos.push(new Todo(this, description, 2));
        this.todos.push(new Todo(this, description, Priority.Medium));
        this.invalidateView();
      }
    }
  </code></pre>
  
  <p>todo.html</p>
  
  <pre><code>&lt;select id="priority" value.bind="type"&gt;
    &lt;option value.bind="Priority[type]" repeat.for="type of Prioritys"&gt;${type}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>