すべてのフォーカスソースに対して同じmd-checkboxフォーカスアウトラインを設定する方法

Question

md-checkboxがキーボードを使用してフォーカスされている場合、その周囲にアウトラインがあります。 しかし、プログラムでフォーカスが設定されている場合、視覚的なインジケータはありません。同じように見せる方法はありますか？

Answer 1

リップルはクリック/フォーカスイベントです。チェックボックスをプログラムで設定した後に波及効果を得たい場合は、コードから要素をフォーカスする必要があります。そのためには、コントロールの参照を追加する必要もあります。

テンプレートで、参照変数をチェックボックスに追加します。 customCheckbox：

<md-checkbox [(ngModel)]="checked" #customCheckbox>Check me!</md-checkbox> 

...そして、あなたのコードでは、このコントロールのfocus()メソッドを呼び出す必要があります。working demoに

// Import MdCheckbox in your ts file 
import { MdCheckbox } from '@angular/material'; 

// Declare customCheckbox in your class 
@ViewChild('customCheckbox') private customCheckbox: MdCheckbox; 

// Use this line to focus the checkbox programmatically where you want. 
this.customCheckbox.focus(); 

リンク。