如何在角度2中选择具有所选选择框值的其他组件

时间:2017-07-11 12:42:41

标签: angular

我收到了选择框值。我已经给出了以下代码

<select class="form-control" id="location" required   
            [(ngModel)]="locations" name="location"  #location="ngModel"
(change)="getResult($event.target.value);">
      <option *ngFor="let location of locationType.locations" 
            [value]="location.city_id"  >{{location.city_name}}</option>
</select>

我正在使用更改事件获得价值。下面是我在组件中的代码。

getResult(event){
    console.log(event);
}

在选择选择框时,任何正文都可以帮助如何使用其他有价值的组件吗?

1 个答案:

答案 0 :(得分:0)

用于路由导入

import { Router } from '@angular/router';

并将其注入构造函数中,例如:

constructor(private router: Router) { }

然后您可以在getResult中使用它来路由到另一个组件。在这里,我假设你的event应该是url参数:

getResult(event){
  this.router.navigate(['your_path', event])
}