Angular2如何从下拉选项中选择选项后获取用户选择的特定数据。

Question

您好我是Angular2的新手（我知道angular2提供的大多数概念）并且在选择某些选项后获取特定数据时遇到问题。

目前，我有假数据库，并在数据库中创建了一些随机人员的个人资料。

我有带下拉选项的组件。我希望用户选择其中一个选项，一旦完成选择，我希望他们点击“完成”＃39;按钮。

一旦这样做，它们将被重定向到另一个显示与其选择对应的数据的组件。

我猜我需要将用户选择的数据存储到这两个组件之间的服务和通信（一个带有选项的组件，另一个带有基于用户和选择的信息列表）应该使用该服务。

但我不知道该怎么做。帮助将不胜感激！谢谢！

Answer 1

首先，使用'/ anotherRouter：option'

等参数定义路线

然后，将所选选项保留在您的组件中。

<select id="option" name="option" required [(ngModel)]="selectedOption" #address="ngModel">
    ...
</select>

然后，点击“完成”按钮，转到另一个这样的组件。

<button (click)="go()">Complete</button>

在你的组件中，定义一个函数就像这样（假设你从@ angular / router注入了Router）：

go() {
    this.router.navigate(['anotherRouter', selectedOption]);
}

然后从@angular/router的参数+params['option']（导航时传递的参数）获取新组件中的selectedOption。