angular - Angular Flex 指令重用性

Question

我有一个 angular 4 应用程序，它使用 angular flex 进行布局而不是 Bootstrap。

但是对于每个 div 标签中的对齐方式，我必须给出：

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

谁能建议如何重用这些指令而不是为每个标签编写它？

Answer 1

您可以使用装饰器的host属性。@Directive

创建一个指令并将这些指令添加到主机属性。例子：

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

  hidden = true;

}