Question

我的Angular 2应用中有两个组件文件 - home.ts和folder-selector.ts。我在folder-selector.ts中有一个名为pathToNode的变量。如何从home.ts访问此值？我的home组件有一个FolderSelectorService的导入 - 我原本以为我可能需要创建一个服务调用来引用pathToNode，但这看起来并不正确。基本上我如何获得组件之间的组件值？我应该对文件夹选择器组件有一个import语句吗？

Answer 1

将数据传递给（子）组件应通过@Input，阅读https://toddmotto.com/passing-data-angular-2-components-input和https://angular.io/docs/ts/latest/cookbook/component-communication.html

完成

熟悉Angular 2中的数据流以创建应用，数据流向下@Input，事件向上流过@Output

非常重要

您只能在组件树中传递数据，因此这需要将home组件嵌套在folder-selector中。（如果不是这种情况，则必须创建一个保存数据的父组件）

<folder-selector>
    <home [pathToNode]="pathToNode"> ...</home>
</folder-selector

从一个组件中获取价值并在另一个组件中使用它。

1 个答案: