typescript - Angular2,TypeScript,如何读取/绑定(bind)属性值到组件类(在 ngOnInit 中未定义)

标签 typescript angular angular2-template angular2-directives

<分区>

谁能告诉我如何读取/绑定(bind)属性值到 @component 类,这似乎在 ngOnInit 方法中未定义?

这是一个 plunker 演示: http://plnkr.co/edit/4FoFNBFsOEvvOkyfn0lw?p=preview

我想读取“someattribute”属性的值

<my-app [someattribute]="'somevalue'">

在 App 类 (src/app.ts) 的 ngOninit 方法中。

谢谢!

最佳答案

您会注意到此类参数不能用于根组件。有关详细信息,请参阅此问题:

解决方法是利用 ElementRef 类。它需要被注入(inject)到你的主要组件中:

constructor(elm: ElementRef) {
  this.someattribute = elm.nativeElement.getAttribute('someattribute'); 
}

我们需要在 HTML 文件中以这种方式使用该组件:

<my-app someattribute="somevalue"></my-app>

关于typescript - Angular2,TypeScript,如何读取/绑定(bind)属性值到组件类(在 ngOnInit 中未定义),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35628053/

相关文章:

使用 es6 而不是 Typescript 的 Angular cli

asp.net-mvc - Azure Git 支持的持续部署的正确部署脚本

angular - typescript :类型 X 缺少类型 Y 的以下属性 length、pop、push、concat 等 26 个。 [2740]

html - Angular2 - 将 CSS 类添加到选定元素

angular - 模板解析错误 : Components on an embedded template

Typescript:基于泛型进行推断

typescript :在变量中加载文件内容

angular - 在这种情况下,如何使用 Angular 4 触发更改事件?

angular - 单击里面的 md-tab 后,md-menu 关闭

javascript - 外部 JavaScript 文件无法在 Angular 2 中工作