홈>
내 응용 프로그램에는 9 개의 위젯이 있으며 각 위젯에는 확대 옵션이 있습니다. 확대/축소 옵션을 표시하기 위해 확대/축소 된 구성 요소를 표시하는 공통 확대/축소 구성 요소를 만들었습니다.
확대/축소 옵션을 클릭하면 선택된 구성 요소 이름이 확대/축소 구성 요소로 전달되고 구성 요소 이름과 함께 html 태그를 작성하고 innerHtml을 통해 구성 요소를 표시하려고 시도했지만 확대 된 구성 요소에 구성 요소가 표시되지 않습니다.
mat-progress-bar 정적 html로 시도
와이즈 비즈와이즈 비즈zoom-component.html
<div style="border:2px solid green" #dataContainer></div>
오류를 통해 innerHTML을 지시함으로써
zoom-component.component.ts
파서 오류 : [{{widget}}]의 열 0에서식이 예상 된 보간 ({{}})
export class ProjectDetailsComponent implements OnInit {
@ViewChild('dataContainer') dataContainer: ElementRef;
ngOnInit() {
this.widget = "<mat-progress-bar></mat-progress-bar>";
this.dataContainer.nativeElement.innerHTML = this.widget;
}
}
- 답변 # 1
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- JavaScript 변수를 HTML div에 '출력'하는 방법
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- python - 화면에서 찾은 요소를 찾을 수없는 경우 셀레늄
첫 번째 문제구문 오류입니다. coz의 오류는 다음과 같습니다.
와이즈 비즈다음에서 변경 :
to
두 번째 문제: 구성 요소를 동적으로로드하려면 innerHtml을 사용할 수 없으므로componentFactoryResolver
를 사용해야합니다.[innerHTML]="widget"