如何从angular2

Question

使用Angular2。在我的项目中我使用了

<table border="1" cellspacing="10" cellpadding="10" width="500">
    <tr><th>NAME</th>
    <th>Value</th>  
    </tr>
    <tr *ngFor = "let d of Data">
        <td><a href="#/pages/Update?id={{d.name}}">{{d.name}}</a></td><td>{{d.value}}</td></tr>
</table>

单击名称时，将使用URL传递。但问题是它如何在另一个页面模板中显示。 我想访问另一个页面模板，它必须显示在表格中。我怎样才能使它成为可能.. ??

Answer 1

您可以在要使用该值的组件的构造函数中提供ActivatedRoute对象和Router对象。

constructor(
  private route: ActivatedRoute,
  private router: Router
) {}

然后您可以访问组件中的值

this.route.params.subscribe( params => {
      this.foo = params['id'];
});

之后，您可以像在示例中一样在表格中使用它。

Answer 2

使用@Injectable服务类并将d.name保存在该类的变量中。然后，您可以将该类注入任何组件，并在用户单击d.name后，使用新值在该类中设置该变量