角度2元素属性

Question

When we call a component in Angular 2 like so <my-component></my-component> . Is it possible to pass in attrs here so that they can be used within the component class?

example:

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

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

Answer 1

You can by simply specifying it as an input parameter:

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

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

See this plunkr: http://plnkr.co/edit/2E6XcNW6cTOblyhBOEwI?p=preview

Note

You can't use an attribute starting with data- , Angular2 seems to ignore those.

Answer 2

是的，您可以在组件之间传递数据（例如，从父级到子级）。以下是具有不同方式的链接： 官方文档希望对您有所帮助：)