2017-11-18 3 views
2

저는 여러 각도 5 프로젝트를 진행 중이며 https://material.angular.io/의 재료 설계 구성 요소를 사용하려고합니다.각도 material2 구성 요소에 대한 래퍼를 작성해야합니까?

머티리얼 디자인 구성 요소를 캡슐화하려면 래퍼 레이어를 작성하는 것이 좋습니다. 따라서 <mat-card>...</mat-card>을 쓰는 대신 <my-app-card>...</my-app-card>과 같은 것을 쓸 것입니다.

주된 동기는 모든 프로젝트에서 일관성 있고 쉬운 UI를 변경할 수 있도록하는 것입니다.

답변

0

AM 구성 요소를 혼자서 다시 꾸며서 다른 프로젝트에서 재사용하고 싶다면, 아주 좋은 생각입니다. 그러나 스타일 캡슐화에 관한 것이라면 래퍼 또는 AM의 구성 요소 중 하나에 고유 한 id을 부여하고 #id angular-material-component { "styles here" }과 같은 스타일을 작성하면됩니다.

+0

AM의 구성 요소를 restyl하고 싶지 않습니다. 나는 그들이 일관된 방식으로 사용되도록하고 싶다. 예를 들어 구성 객체를 자신의 카드 구성 요소에 전달할 수 있습니다 : ''. 구성 개체에는 제목, 표시 할 데이터 및 카드 작업이있을 수 있습니다. 그러나 나는 그처럼 많은 유연성을 잃어 버리고, my-app-card 구성 요소에 대한 모든 유스 케이스를 기대할 수 없다는 것을 두려워합니다. – alEX

+0

@alEX이 방법으로 ** 모든것 **을 구성 할 수 있습니다. 좋은 방법 이죠.이 구성 요소를 AM 구성 요소가 아닌 응용 프로그램의 반복 된 부분으로 생각하는 것이 좋습니다. 모든 유스 케이스를 예상하지 않으려는 경우 간단한 구성 요소로 시작하여 필요할 때 새로운 기능으로 확장하고 확장 후에이 구성 요소의 모든 삽입을 업데이트하는 것을 잊지 않는 것이 좋습니다. –

관련 문제