[fix] IMEがONの場合に変換確定時のEnterで登録されてしまう点の修正

src/app/component/todo-detail/todo-detail.component.html

@@ -1,6 +1,15 @@
 <div>
-  <input type="text" [(ngModel)]="todo.task" (keyup.enter)="add()"
-    autofocus placeholder="add todo">
-  <input type="checkbox" [(ngModel)]="todo.done">
+  <input
+    type="text"
+    [(ngModel)]="todo.task"
+    (keydown)="keyDownCode = $event.which"
+    (keyup.enter)="handleKeyUp($event)"
+    autofocus
+    placeholder="add todo">
+
+  <input
+    type="checkbox"
+    [(ngModel)]="todo.done">
+
   <button (click)="add()">add</button>
 </div>

src/app/component/todo-detail/todo-detail.component.ts

@@ -10,13 +10,20 @@ export class TodoDetailComponent implements OnInit {
 
   todo: Todo = new Todo;
 
+  keyDownCode: number;
+
   @Output() clickAdd = new EventEmitter<Todo>();
 
   constructor() { }
 
   ngOnInit() {
   }
 
+  handleKeyUp(e: KeyboardEvent) {
+    if (e.which !== this.keyDownCode) { return; }
+    this.add();
+  }
+
   add() {
     this.clickAdd.emit(this.todo);
     this.todo = new Todo;