在angular2组件中,如何同时获取属性文本值以及绑定变量?

时间:2016-06-10 21:53:07

标签: angular custom-component angular2-template

有没有办法同时获取属性的纯文本值以及将该属性作为组件的输入?例如我有@Input('c-failure') cFailure;,它将this.cFailure绑定到外部变量。组件在外部模板中创建为<c-component c-failure="failures.secondary['cause']">。我想得到一个变量,其值为“failures.secondary ['cause']”以及绑定到外部this.failures.secondary.cause的值的变量。我尝试注入ElementRef,但它似乎没有任何绑定到@Input的属性。

1 个答案:

答案 0 :(得分:1)

我会尝试以下利用@Input@Attribute装饰器。似乎无法在相同的属性上混合它们

@Component({
  selector: 'test'
})
export class SomeComponent {
  @Input('c-failure')
  cFailure;

  constructor(@Attribute('c-failure-expr') cFailureExpr:string) {
  }
}

并以这种方式使用它:

<test [c-failure]="failures.secondary['cause']"
      c-failure-expr="failures.secondary['cause']"></test>

请参阅此帖子:filter()