路由到 Angular 组件中的 id 或类？

Question

我是 Angular 的新手，在 Angular 中，每当我们创建路由时，我们都会为不同的组件定义它，即我们定义 path 和 component 。假设我在组件 A 上，路径为 /A 。现在假设我想转到A.component.html 中的特定id。如何通过路由来实现这一点（如果可能的话，为它定义一个特定的路径，比如/A#id）

Answer 1

首先，您在这里要实现什么以及“转到A.component.html中的特定ID”是什么意思，目前尚不清楚。

您是否尝试从另一个组件路由到 /A#id？

您应该能够通过角度路由将您的 id / 类名作为字符串传递。您只需要从路由参数中读取并执行您想要的操作。

在您的应用程序路由中

{ path: 'A/:id', component: AComponent },

在您的 AComponent .ts 中

import { Component, OnInit } from "@angular/core";
import { ActivatedRoute } from '@angular/router';

@Component({
    selector: 'app-component-a',
    templateUrl: './a.component.html'
})
export class AComponent implements OnInit {
    constructor(private route: ActivatedRoute) {
        super();
     }

    public ngOnInit(): void {
        // This will get the param from your route
        this.route.params.subscribe((params) => {
            if (params) {
                const idOrClassName= params['idOrClassName'];
                if (idOrClassName) {
                    // Perform action when idOrClassName is presented
                    return;
                } 

                // Perform action when idOrClassName is not presented   
            }
        });
    }
}