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

보기: 9574|회답: 1

[각] Angular 11 시리즈(XV)는 부품 높이를 획득하고 동적으로 높이를 조절합니다

[링크 복사]
게시됨 2020. 8. 23. 오후 6:05:22 | | | |
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

Angular 9 시리즈 (9) #id 선택기가 페이지에 적용됨
https://www.itsvse.com/thread-9278-1-1.html

Angular 9 시리즈(10)는 vconsole과 eruda 개발자용 디버깅 패널을 내장합니다
https://www.itsvse.com/thread-9286-1-1.html

Angular 9 시리즈 (XI) 스타일 정의 5가지 방법
https://www.itsvse.com/thread-9305-1-1.html

Angular 9 시리즈(XII)는 OTP를 기반으로 동적 토큰을 생성합니다
https://www.itsvse.com/thread-9325-1-1.html

Angular 10 시리즈(13)는 바이두 이차트 차트를 도입했습니다
https://www.itsvse.com/thread-9347-1-1.html

디버깅을 위한 Angular 11 시리즈(XIV) 생산 환경
https://www.itsvse.com/thread-9348-1-1.html
첫째, 동적 브라우저의 가시 높이와 너비 코드는 다음과 같습니다:

우리로열 블루 배경 div는 브라우저 내 높이 변화에 따라 변합니다, 높이는 브라우저 가시 높이의 5분의 1이며, 콘솔은 아래 그림과 같이 현재 창의 조정된 너비와 높이 값을 출력합니다:



코드는 다음과 같습니다:

HTML 코드:



TS 코드:

부품의 높이를 얻어

app-test1 컴포넌트의 html 코드는 다음과 같습니다:



HTML 코드:

TS 코드:

Angular 8 이상에서는 ViewChild에 두 가지 매개변수를 제공해야 합니다


그렇지 않으면 오차는 다음과 같습니다:

ERROR TypeError: undefined 속성 'clientHeight'를 읽을 수 없습니다
test1 컴포넌트 높이를 직접 받으면 0이 반환됩니다. 아래 그림에 보이는 정상 높이를 얻으려면 외부에서 div 레이어를 랩해야 합니다:



(끝)




이전의:[돌리기] HTML에서 커서 위치를 얻기 위해
다음:NPOI 리드 내보내기 데모
 집주인| 게시됨 2020. 8. 23. 오후 6:06:05 |
또는 다음을 사용해 보세요:https://www.npmjs.com/package/angular-resize-event
면책 조항:
Code Farmer Network에서 발행하는 모든 소프트웨어, 프로그래밍 자료 또는 기사는 학습 및 연구 목적으로만 사용됩니다; 위 내용은 상업적 또는 불법적인 목적으로 사용되지 않으며, 그렇지 않으면 모든 책임이 사용자에게 부담됩니다. 이 사이트의 정보는 인터넷에서 가져온 것이며, 저작권 분쟁은 이 사이트와는 관련이 없습니다. 위 내용은 다운로드 후 24시간 이내에 컴퓨터에서 완전히 삭제해야 합니다. 프로그램이 마음에 드신다면, 진짜 소프트웨어를 지원하고, 등록을 구매하며, 더 나은 진짜 서비스를 받아주세요. 침해가 있을 경우 이메일로 연락해 주시기 바랍니다.

Mail To:help@itsvse.com