如何重用常用AngularFlexLayout属性

我们正在应用程序中使用来调整大小。我们在应用程序的多个位置使用了几个标签。例如，此块用于所有“顶级”div

不确定是否可能有添加指令的指令。还在调查这件事

选项3-其他

我认为这一定是一个相当普遍的问题。也许有一个坏消息 盒子解决方案

谢谢

<div ...
     fxFlex="900px"
     fxFlex.lt-md="90%"
     ... >

<div ...
     class="mainWidthApp"
     ... >

<div ...
     jakeAppWidth
     ... >

import { Directive, ElementRef } from '@angular/core';

@Directive({
    selector: '[jakeAppWidth]'
})
export class AppWidthDirective {

    constructor(element: ElementRef) {

        // Not sure how to do this yet, but do something like: 
        element.addSubDirective( fxFlex="900px" );
        element.addSubDirective( fxFlex.lt-md="90%" );

    }

}