이 글은 기계 번역의 미러 문서이며, 원본 기사로 바로 이동하려면 여기를 클릭해 주세요.

보기: 10844|회답: 0

[각] Angular 9 시리즈 (9) #id 선택기가 페이지에 적용됨

[링크 복사]
2020-6-24 15:47:49에 게시됨 | | | |
Angular 9 시리즈 (1) 동적 부하 구성 요소
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 시리즈(2) 동적 성분 전송 매개변수
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 시리즈(3)는 동적 컴포넌트 이벤트를 구독합니다
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 시리즈 (IV) 맞춤형 파이프 파이프라인
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 시리즈(V)는 금액 통화 형식을 제공합니다
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 시리즈(VI)는 네이티브 JS 변수와 메서드를 호출합니다
https://www.itsvse.com/thread-9254-1-1.html

Angular 9 시리즈 (VII) CSS 스타일 스코프
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 시리즈(VIII)는 집합을 통해 이벤트를 트리거하여 자식 컴포넌트의 값을 업데이트합니다
https://www.itsvse.com/thread-9267-1-1.html

요구사항 속성에서 값을 정의하고, 이 값을 다른 태그에서 여러 번 사용하세요. 같은 값에 대해, 같은 값을 여러 번 정의하기보다는 한 번만 정의하여 유지하기 쉽습니다.

원소 속성은 두 가지 방식으로 정의됩니다

첫 번째 방법은 가장 일반적인 방법으로, 요소 태그에서 직접 정의할 수 있습니다.

두 번째 방법

렌더링은 다음과 같습니다:



최종 생성된 html 콘텐츠:

<p _ngcontent-serverapp-c229="" tag="test" data-message-id="aaa">output: test </p>

컴포넌트 속성 값을 얻습니다

Angular는 컴포넌트 HTML 페이지에서 #id 사용해 요소에 아이덴티티를 추가한 후 그것을 불러옵니다.

태그 속성의 태그 값을 읽었고, 코드는 다음과 같습니다:

TS 배경 fetches element properties



트리거 컴포넌트 이벤트

#id 선택기를 통해 컴포넌트의 정체성을 정의하며, 이 선택기도 컴포넌트의 이벤트를 트리거할 수 있습니다.

부모 컴포넌트는 자식 컴포넌트를 소개합니다

서브컴포넌트 메서드

부모 컴포넌트 버튼은 자식 컴포넌트의 onMessage 메서드를 트리거합니다.

렌더링은 다음과 같습니다:



(끝)





이전의:OpenLDAP 시리즈 (3) OpenLDAP 명령어에 대해 자세히 설명합니다
다음:OpenLDAP custom objectclass 및 속성
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com