각 2 개의 내부 구성 요소 및 동작을 연구 중이며 구성 요소 트리 관리와 관련하여 몇 가지 질문을하고 있습니다.각 2 및 구성 요소 트리
구성 요소를 기반으로하는 웹 응용 프로그램에는 구성 요소 트리가 있다는 것이 확실합니다. 하나의 구성 요소는 위에서 아래로 또 다른 구성 요소로 구성되며 실제로 강력합니다.
그러나 지금, 나는이 내부적으로이 구성 요소 트리의 표현을 각 관리 않습니다 궁금 해요?
나는 우리가 구성 요소는 템플릿에 제외하고 그것을, 의 내부에 무슨, 각도 요소에서 말을 결코가 무엇을 의미.
예를 들어, 나는 그것이 PrestaCardComponent 소유 내 HomeComponent 정의에 말하지 않을 :
내 템플릿에서 제외import { Component, OnInit, Inject } from '@angular/core';
@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
prestations: Array<any>;
featurettes: Array<any>;
constructor(@Inject('AppStore') private appStore: any) {
this.prestations = [];
this.featurettes = [];
}
ngOnInit() {
}
}
:
<div *ngFor="let prestation of prestations" class="col-md-4 m-b">
<app-presta-card [title]="prestation.title" [content]="prestation.content" [image]="prestation.image"></app-presta-card>
</div>
내가 그것을 의미하는 것을 의미한다.
이것은 Angular 2가 다른 템플릿을 읽음으로써 가상 컴포넌트 트리을 생성 할 수 있다는 것을 의미합니다.
어떻게 가능합니까? 어떻게 작동합니까?
내가 알고 싶은 것은 각도 2가 html 템플릿을 기반으로 내부 구성 요소 트리를 만드는 방법입니다. 내부에서, augury에서의 진정한 표현이 아닙니다. DOM의 컴포넌트 트리와 Augury가 제공 한 표현 사이의 중간 과정을 배우고 싶었습니다. 하지만 대답 주셔서 감사합니다 :) – mfrachet