각도 플렉스 지침 재사용

Question

저는 앵글 플렉스를 부트 스트랩 대신 레이아웃에 사용하는 각도 4 어플리케이션을 사용하고 있습니다.

fxLayout.xs="column" 
fxLayout="row" 
fxLayoutAlign="start center" 
fxLayoutGap="18px" 

사람이 각각의 태그를 작성하는 대신 이러한 지시를 재사용하는 방법을 제안 할 수 있습니다 :

하지만 포기해야 각 div 태그의 정렬에 대한

?

Answer 1

@Directive 데코레이터의 host 속성을 사용할 수 있습니다.

지시어를 만들고 지시문을 호스트 속성에 추가하십시오. 예 :

@Directive({ 
    selector: '[reusable]', 
    host: { 
    '[hidden]': 'hidden' 
    } 
}) 
export class ReusableDirective { 

    hidden = true; 

}