[Angular] Content projection

둘러쌓고 있는 부모 컴포넌트 내부에 있는 자식 컴포넌트를 원하는 부모의 템플릿 위치에 자식 컴포넌트를 넣고 싶어서 AngularJS에서 Transclusion이라고 부르던 것을 찾아보았다. Angular에서는 Content projection로 바뀌어 불리는 것을 몰라 한참 찾았다.

<div style="border: 1px solid black;">
  <div style="background-color: gray"></div>
  <ng-transclude></ng-transclude>
</div>

예를 들어 AngularJS에서 위와 같이 작성한 코드가 있다면,

<div style="border: 1px solid black;">
  <div style="background-color: gray"></div>
  <ng-content></ng-content>
</div>

Angular에서는 위와 같이 변경해주면 될 것이다.

<ng-transclude></ng-transclude><ng-content></ng-content>로 변경되었다.

자세한 추가적인 내용들은 하단의 참조 링크들을 확인하면 좋을 것 같다.

아직 Angular를 제대로 본적이 없어서 앞서 말한 이유에 의해 사용할 때, Content projection이 사용하는 것이 더 좋은 선택인지 ngTemplateOutlet을 사용하는 것이 더 좋은 선택인지 좀 더 알아봐야 할 것 같다.

SmileCat

SmileCat
How do you define yourself?

[Openlayers] Render Event 정리

## 이벤트### [Map](http://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html)| event | module | note || :--: | -- | -- || [postcompose](...… Continue reading