angular2-routing 相关问题

在 Angular 2 中使用 <a> 标签链接到其他 html 页面

所以我对 Angular 2 非常陌生，我正在使用它来制作个人网站。我有一个主页，上面有个人信息，另一个页面里面有博客内容。这两页都会...

Angular 在使用路由时不释放组件？

我有一个使用路由来显示各种页面的应用程序。我遇到了一些严重的内存泄漏问题，应用程序将逐渐（或快速！）吞噬 RAM，直到浏览器退出。 我和 anot 一起工作过...

Angular 16 从子模块到另一个子模块的路由

我想从一个子级路由到另一个延迟加载模块中完全不同的子级。我不断收到错误“无法匹配任何路由 - 客户端/客户端/客户端报告” 这是我的第一次

Angular 无意中重定向到 localhost:4200/#

尝试 this.router.navigate(['newcard']); 时它正确加载 URL，但随后立即重定向到 localhost:4200/#。 以下是我从 showcard 重定向到 newcard 的方法。 当尝试 this.router.navigate(['newcard']); 时，它会正确加载 URL，但随后立即重定向到 localhost:4200/#。 这是我如何从 showcard 重定向到 newcard。 <a href="#" class="btn btn-primary" (click)="onCreateNew()"> <i class="bi bi-plus"></i> </a> onCreateNew(){ this.router.navigate(['newcard']); } newcard是运行ng generate component newcard默认生成的 这是我的app-routing.module.ts import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { NewcardComponent } from './newcard/newcard.component'; import { ShowcardsComponent } from './showcards/showcards.component'; import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; const routes: Routes = [ {path: 'newcard', component:NewcardComponent}, {path: '', component:ShowcardsComponent}, {path: '**', component: PageNotFoundComponent} ]; @NgModule({ imports: [RouterModule.forRoot(routes, { useHash: false })], exports: [RouterModule] }) export class AppRoutingModule { } 这是我的 app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; import { HttpClientModule } from '@angular/common/http'; import { NewcardComponent } from './newcard/newcard.component'; import { ShowcardsComponent } from './showcards/showcards.component'; import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; @NgModule({ declarations: [ AppComponent, NewcardComponent, ShowcardsComponent, PageNotFoundComponent ], imports: [ BrowserModule, AppRoutingModule, NgbModule, HttpClientModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } 从 href="#" 元素中删除 <a>。相信单击链接时会导致另一个重定向。 <a class="btn btn-primary" (click)="onCreateNew()"> <i class="bi bi-plus"></i> </a> 或者，您可以使用 [routerLink] 属性而不使用 click 事件。 <a class="btn btn-primary" [routerLink]="['newcard']"> <i class="bi bi-plus"></i> </a> 演示@StackBlitz 据我所知，我想到的第一个问题是您的 <a> 标签，该标签旨在导航到 localhost:4200/newcard。 您正在使用 href="#" 和 (click)="onCreateNew()"，这是 2 个不同的路线，可能会产生错误，因为 href 首先被调用，之后路线不再匹配，因为它会打开 localhost:4200/#/newcard 或只是失败否则。 解决方案 删除 href 标签中未使用的 <a> 属性，如下所示： <a class="btn btn-primary" (click)="onCreateNew()"> <i class="bi bi-plus"></i> </a> 我还建议您直接在模板中使用[routerLink]。 https://angular.io/api/router/RouterLink <a class="btn btn-primary" [routerLink]="newcard"> <i class="bi bi-plus"></i> </a> 希望这对您有帮助，如果您有更多问题，请联系我们！

使用 Angular2 从 url 检索哈希片段

鉴于这个 url 结构（我无法控制），我如何使用 Angular2 检索哈希片段？ http://your-redirect-uri#access_token=ACCESS-TOKEN 我的路由器确实路由到正确的

Angular 2：当我通过浏览器刷新时出现404错误[重复]

我已将单页应用程序存储在服务器中名为“myapp”的文件夹中。我已将库中的 URL 更改为 http://example.com/myapp/`。 我的项目有两个页面。所以我

如何根据 Angular 2 中的条件重定向到特定路线。

我正在创建一个 angular2-meteor 应用程序。 导出常量路由：Route[] = [{ 小路： ''， 重定向到：“登录”， 路径匹配：“完整” }, { 路径：'登录'， 组件：登录组件 }, { ...

运行 ANGULAR PROJECT 时出错，尝试使用 nvm 使用不同版本的节点，但没有成功

Angular 版本截图 $ 服务 \ 生成浏览器应用程序包（阶段：构建）...节点：内部/加密/哈希：69 this[kHandle] = new _Hash(算法, xofLen); ^ ...

如何对依赖于ActivatedRoute参数的组件进行单元测试？

我正在对用于编辑对象的组件进行单元测试。该对象具有唯一的 ID，用于从服务中托管的对象数组中获取特定对象。

角度 2 中的 routerLink 显示为纯文本

我在 Angular 2 中遇到了 routerLink 的问题。 我正在使用 Visual Studio 2015，尝试创建具有路由概念的 SPA。 单击带有 [routerLink] 的锚标记后，它应该重新定向...

“路由器”类型上不存在属性“导航”。您指的是“导航”吗？

我不知道为什么，但它突然停止工作...导入是正确的，但它看不到导航（）方法..有什么想法吗？ 每个答案都是关于缺少导入，但有一个正确的

无法在 Angular 14 中的两个组件之间传递数据

我对 Angular 非常陌生，并且在将数据从父组件传递到子组件时遇到困难。我有一个产品列表页面，您在其中单击产品，它会路由到产品详细信息页面....

Angular -> NG04002：无法匹配任何路由。 URL 段：“编辑”

为什么当我单击编辑按钮（带有铅笔的蓝色图标）时出现错误： 错误：NG04002：无法匹配任何路由。 URL 段：“编辑” 我的仓库： https://github.com/RobotHabanera/august2023 我想要...

延迟加载BrowserModule已经加载了

我正在尝试实现延迟加载，但出现如下错误 ** 错误错误：未捕获（承诺）：错误：BrowserModule 已经 已加载。如果您需要访问常用指令...

Binding a number to angular routerLink is showing strange behavior

在 Angular v16 中，将数字绑定到 routerLink 时，预期行为会发生变化。而不是路由到 recipes/:id 将 url 更新为 recipes;0=1 PRE URL : localhost:4200/食谱

以角度添加动态路线？

页面的路由来自 API，格式如下： [{ "姓名": "联系人", "url": "/客户/联系人", “页面”：[]， ...

Type 'string' 不可分配给类型 'LoadChildrenCallback

我正在使用 Angular 13 并创建了一个 myapp.mainrouting.js 文件并尝试声明 loadChildren 如下： 从“../Home/CustomerApp.HomeComponent”导入{CustomerAppHomeComponent}； impo...

angular 14 和节点 js websocket 错误 ng cli 尝试重新连接失败

我正在使用 Angular 14 项目前端和 Node.js 作为服务器。我收到这些错误，但我没有使用 websocket。我试图在 Apache 2 上托管应用程序并收到这些错误...

如何在 angular2 中添加我的地理位置作为原点

找到代码没问题，只需要帮助将我的地理位置添加为原点，有人可以帮助我吗？我的代码的基础 这是我的 component.ts 或来自 ionic2 的 contact.ts 导入 { 组件、NgModule、NgZ...

从当前模块获取所有路由 - Angular 2

嗨，我在我的示例中使用延迟加载。 export const appRoutes: 路由 = [ { path: 'comp1', loadChildren: 'app/components/comp1/comp1.module#comp1Module' }, { 路径：'comp2'，loadChildren：'app/