모든 포커스 소스에 대해 동일한 md- 체크 박스 포커스 윤곽 설정 방법

Question

키보드를 사용하여 md- 체크 박스에 포커스를 설정하면 그 주위에 윤곽이 나타납니다. 그러나 포커스가 프로그래밍 방식으로 설정되면 시각적 표시기가 없습니다. 같은 모양으로 보이게 할 수있는 방법이 있습니까?

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(); 

링크.