Angular Flex指令可用性

Question

我有一个角度4应用程序，它使用角度flex来布局而不是Bootstrap。

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

BundleWiring

有人可以建议如何重用这些指令而不是为每个标签编写它吗？

Answer 1

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

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

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

  hidden = true;

}