Question

当我们调用Angular 2中的组件时，<my-component></my-component>。是否可以传入attrs，以便它们可以在组件类中使用？

示例：

<my-component data-is-live="true"></my-component>

// class
export class MyComponent {
    constructor() {
        console.log($attrs);
    }
}

Answer 1

您只需将其指定为输入参数即可：

@Component({
    selector: 'my-component',
    template: `
    <p>Is it live: {{isLive}} </p>
  `
})
export class MyComponent {
    @Input('is-live') isLive: string;

    ngOnInit() {
        console.debug(this.isLive);
    }
}

请参阅此plunkr：http://plnkr.co/edit/2E6XcNW6cTOblyhBOEwI?p=preview

注意

你不能使用以data-开头的属性，Angular2似乎忽略了那些。

Answer 2

是的，您可以在组件之间传递数据（例如，从父级到子级）这里有不同方式的链接：official doc 希望有助于你：）

Angular 2元素属性

2 个答案: