从app-root获取数据到组件

时间:2017-11-15 16:55:29

标签: angular

<body>
  <app-root data="myData"></app-root>
</body>

我需要检索myData我将在index.html手动添加并将其用于组件。

如何检索此数据?

感谢。

1 个答案:

答案 0 :(得分:1)

我相信这个答案符合您的要求:

https://stackoverflow.com/a/43544999/3581932

使用@Attribute(对于Angular 4)

index.html:

<my-app myAttribute="myAttributeValue">
    <div>Loading...</div>
</my-app>

app.component.ts:

@Component({
    selector: 'my-app',
    templateUrl: 'app.component.html',
    styleUrls: ['app.component.css']
})
export class AppComponent {
    constructor(private elementRef:ElementRef) {
        let myAttribute = this.elementRef.nativeElement.getAttribute('myAttribute');
    }
}

[直接从上面的帖子复制]