Angular2 mdInputクリックのフォーカスの問題

Question

Angular2 Material mdInputフィールドがあります。何らかの理由でプレースホルダのテキストが消えず、クリックしたときに入力テキスト領域がフォーカスしません。

それが動作しない場合は、プレースホルダは消えないと、フィールドがフォーカスされませんが、私はそれに入力できる

<form class="create-taskitem-form" (ngSubmit)="submitNewTask()" novalidate> 
    <md-input-container class="create-task-item"> 
     <input mdInput 
     [(ngModel)]="taskListTitle" 
     (keyup.escape)="clearNewTask()" 
     name="taskListTitle" 
     autocomplete="off" 
     [placeholder]="newItemPlaceholder" 
     type="text"> 
    </md-input-container> 
</form> 

：

そして、何奇妙だが一度、私はサイズを変更するということですブラウザ、それは作業を行い、正しいフォーカス状態にはまる：

奇妙なのは、ちょうどうまく動作する入れ子の子コンポーネントがあることです。

import 'hammerjs'; 

@NgModule({ 
    imports: [ 
    CommonModule, 
    TasksRoutingModule, 
    ContentEditableModule, 
    ReactiveFormsModule, 
    FormsModule, 
    MaterialModule 
    ], 
    exports: [ 
    TasksRoutingModule 
    ], 
    providers: [ 
    TasklistTypes 
    ], 
    declarations: [TasklistCollectionComponent, TasklistComponent, TaskItemComponent] 
}) 
export class TasksModule { } 

Answer 1

プレースホルダの角かっこを削除してみてください。 （今のところ）

... 
placeholder="New list" 
... 

Answer 2

何かが角度に登録していなかったので、focus()またはblur()イベントは、入力フィールドに起こったとき、私はちょうどゾーンを走った、そしてそれはそれ固定：

<md-input-container class="create-task-item"> 
     <input mdInput 
     (blur)="onBlur()" 
     (focus)="onFocus()" 
     [(ngModel)]="taskListTitle" 
     (keyup.escape)="clearNewTaskList()" 
     name="taskListTitle" 
     autocomplete="off" 
     [placeholder]="newItemPlaceholder" 
     type="text"> 
</md-input-container> 

で私のコンポーネント：

onBlur(){ 
    this.zone.run(() => {}); 
    } 

onFocus(){ 
    this.zone.run(() => {}); 
}