Question

我想将包含html页面的变量传递给我的应用程序。

注意：我知道如何在组件之间传递，但问题来自应用程序外部！

实施例我的html页面：

  <body>
    <my-app customerId="123">Loading...</my-app>
  </body>

我希望能够使用＆＃34; customerId＆＃34;我的应用程序中的变量。

从＆＃39; angular2 / core＆＃39;;

导入{Component}

@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponent { 
  customerId;
}

如何做到这一点？

我尝试了输入但没有成功。

  @Input("customerId") customerId;

感谢。

Answer 1

根组件不支持

@Input()绑定。

作为解决方法，您可以使用

constructor(public elementRef: ElementRef) {
    var native = this.elementRef.nativeElement;
    var myattr = native.getAttribute("myattr");
}