Angualr 8 이벤트 귀속
(event)=" "예 를 들 면:
(click)="onClick()"
(click)="hidden=false"두 가지 서법 은 모두 합법적이다
$이벤트 대상
$이벤트 대상 은 DOM 이벤트 대상 입 니 다.이벤트.target.value 에서 현재 요소 의 값 을 가 져 오 는 데 자주 사 용 됩 니 다.
$event 는 대량의 정 보 를 포함 하고 있 으 며,대부분의 경우 이벤트.target.value 만 사용 해 야 하기 때문에$event 전달 값 을 사용 하 는 것 을 피해 야 합 니 다.
$event 대상 을 사용 할 때 주의해 야 합 니 다.$event 대상 은 항상 대응 하 는 유형 이 있 기 때문에 any 형식 을 사용 하여 게 으 름 을 피 우 는 것 을 추천 하지 않 습 니 다.형식 에 대응 하 는 이름 이 무엇 인지 모 르 면 type of event 를 인쇄 하여 볼 수 있 습 니 다.
$이벤트 의 작은 예 사용 하기:
템 플 릿 참조 변수\#var
우 리 는앵 귤 러 구성 요소에서 템 플 릿 참조 변 수 를 사 용 했 습 니 다.
템 플 릿 참조 변 수 는 DOM 요소 변수 화 와 비슷 합 니 다.
이렇게 하면 box 를 DOM 요소 자체 로 사용 할 수 있 습 니 다.$event 에 비해 코드 는 더욱 읽 을 수 있 습 니 다.
귀속"enter 이벤트"
사용자 정의 구성 요소 이벤트
.html
.ts
@Output("onKeyUp") keyUp: EventEmitter = new EventEmitter();
public onKeyUp(v: string): void {
console.log(v);
} 쓰다
.html
.ts
public onKeyUp(v: string): void {
console.log(v);
}우리 가 emit 를 통 해 전달 하 는 값 을 사용 할 때$event 가 더 적합 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Angular에서 타사 스크립트 및 CSS 작업Angular 방식으로 회로도가 있는 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정 파일이며 표준 JavaScript 및 CSS 파일과 함께 타사 라이브...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
