홈>
프로젝트의 동적 사이드 바를 작업 중입니다. 기본적으로 우리가하고 싶은 것은 사용자가 사이드 바를 클릭 할 때 동적 사이드 바를 설정하는 것입니다. 예를 들어 사용자가 아이콘을 클릭하기 전에 (완전히 접히지 않으면 아이콘이 유지됩니다). 우리는 기본적으로 사이드 바를 완전히 닫는 앵귤러 머티리얼 함수에서 sidenav.toggle ()을 사용하고 있으며 toggle () 함수를 사용하지 않으면 navbar에 대해 "Side"모드가 작동하지 않습니다. 사이드 모드의 아이콘으로 축소하고 싶습니다. (사이드 모드를 유지해야하는 다른 이유는 사용자가 사이드 바를 펼칠 때 오른쪽 콘텐츠가 오른쪽으로 밀려 야한다는 것입니다)
사용자가
아이콘을 클릭 한 후할 방법이 있습니까?
감사합니다.
-
답변 # 1
-
답변 # 2
이 https : // github에 대한 기능 요청이 있습니다. com/angular/material2/issues/1728
댓글을 읽으면 공식적으로 사용할 수없는 상태에서 직접 구현하는 방법에 대한 몇 가지 예도 있습니다.
관련 자료
- Missing associated label in Angular material mat form field - Angular material mat-form-field에 관련 레이블이 없습니다WebStorm
- 각도 재질 체크 박스 기반 다음 섹션 가시성 제어 문제
- 각도 (7) 재질 탭에서는 선택 애니메이션이 작동하지 않습니다
- 각도 재질 목록에서 헤더가있는 항목 제거
- 각도 재질 - 이 비동기 데이터와 작동하지 않습니다
- c# - 각도 7의 MVC
- 각도 재료 확장 패널, 버튼 클릭시에만 확장
- Angular Material Mat-Datapicker와 함께 Angular FormBuilder를 사용하는 방법
- datatable - HTML 테이블을 각도 재질 데이터 테이블로 변환하는 방법
- 여러 색상을 사용하는 각도 재질 다중 진행 막대
- Angular Material Tables에 현재 표시된 데이터를 구독하는 방법
- Angular Material CSS로 mat-form-field-hide-placeholder 동작을 재정의하는 방법
- Angular Material Mat-Select 변경 이벤트를 어떻게 구현합니까?
- 빈 행을 표시하는 각도 재질 테이블
- input - 각도 재질 날짜 선택기 위치
- html - 각도 재질에서 처음으로 작동하지 않음
- javascript - 각도 재질 TreeTable 구성 요소에서 Matsort 및 Matpaginator 구현
- mat tab - 해당 탭의 내용에서 양식 제출을 기반으로 각도 재료 탭을 전환하는 방법이 있습니까?
- python - 백분율이있는 그리기 막대 그림
- html - 앵귤러 머티리얼 진행 바 - 텍스트가있는 움직이는 div로 재 작업
관련 질문
- Overwrite angular material css - 각도 재질 CSS 덮어 쓰기 —! important가 작동하는 이유
- css - 각도 전역 스타일의 여백이 적용되지 않습니다
- 앵귤러 머티리얼을 사용하고 있습니다 입력 필드를 이메일로 보내는 방법
- javascript - 확인 후식이 변경되었습니다 'ng-untouched'의 이전 값 - 'true' 현재 값 : 'false'
- angularjs directive - 각도 재질 드롭 다운 너비 변경
- angular - mat-select의 매트 옵션을 선택할 수없는 이유는 무엇입니까?
- MatToolTip이 Angular에서 제대로 작동하지 않습니다
- angular - 부트 스트랩에서 중요한 CSS 규칙을 무시하는 방법
- Angular 양식 배열의 값을 패치하는 방법
- 재료 각도 구성 요소가로드되지 않습니다
이를 구현하려면 다음 두 링크 만 참조하면됩니다.
측면 탐색 크기 조정 | 앵귤러 소재
탐색 목록 | 앵귤러 소재
다음 코드를 살펴보십시오. 구현은 다음과 같습니다 :