以角度2

时间:2017-08-21 10:14:22

标签: typescript routing routes angular2-routing

我想动态添加路径中的路径。这样的事情。 我将 EmpURL 组成另一个班级。单击特定功能 EmpURL 会更改此类以及中的值 this.router.navigate(["/admin:" + emp.empno])(admin.component.ts)。 这里emp.empno返回一个元素,即 employee1 employee2 等。 EmpURL 也一次只能访问一个元素。 我知道我不能这样做。我只想说明一点。

这里是router.component.ts

import { Component, Input } from '@angular/core';
import { RouterModule, Routes } from "@angular/router";
import { AdminAccount } from "../admin/admin.component";
import { EmployeeComponent } from "../employee/employee.component";

export const Routing: Routes =
[
    { path: '', component: Home },
    { path: 'admin', component: AdminAccount },
    { path: 'admin:' + this.EmpURL, component: EmployeeComponent }
];
@Component(
{
    selector: "router",
})
export class NaviagteToEmp
{
    @Input() EmpURL;
}

这里的admin.component.ts

navigateTo(emp: EmpLogin)
{
    for(let key in this.data)
        this.EmpURL[key] = this.data[key].empno;
    this.router.navigate(["/admin:" + emp.empno]);

}

这里的admin.component.html

<router [EmpURL] = 'EmpURL.employee1'></router>

此处访问 employee1 元素之一。此 employee1 不是静态的。它将动态改变其值。

0 个答案:

没有答案