Question

我有一个json响应，想要将它从一个组件传递到另一个组件，两个都是兄弟姐妹，两者都有不同的html。

我从创建的调用API的服务中获得的响应。而且我不想从两个不同的组件中调用两次API。是否可以将从一个组件获取的数据传递给另一个组件？

我该怎么做？

Answer 1

如果要将数据从component-a传递给component-b并且他们是兄弟姐妹，可以这样做：

<component-a #compA ></component-a>
<component-b [data]="compA.someData"></component-b>

// Component A:

@Component({
    selector: 'component-a',
    template: '<div>{{ someData }}</div>'
})
export class ComponentA {
    someData: string = "Data from component A"; 
}

// Component B:

@Component({
    selector: 'component-b',
    template: '<div>{{ data }}</div>'
})
export class ComponentB {
    @Input() data; 
}

someData是您要从component-a传递给component-b

的数据

如何在angular2中传递兄弟组件之间的响应数据

1 个答案: