Angular 2指令覆盖组件的输入

时间:2017-04-08 16:38:38

标签: angular angular2-directives

我有一个Paragraph组件,它有一个名为“align”的输入。我希望能够在指令中覆盖此输入。

@Component({
  selector: "paragraph",
  encapsulation: ViewEncapsulation.None,
  template: `
       <p [style.text-align]="align">
          <ng-content></ng-content>
       </p>`
})
export class Paragraph {

  @Input("align")
  align: String= "justify";

}

建议指令如下;

@Directive({
  selector: 'paragraph',

})
export class ParagraphModifyDirective {

  @Input()
  align: string = "center";

}

如何在Angular 2中执行此操作? 感谢

0 个答案:

没有答案