angular-routing相关内容

在 <a> 中,ngclick 优先于 nghref元素

tl;dr:如何强制 angular 只在 元素中执行 ngclick 指令而不清空/删除 href? 我的网站在某些元素(模式打开、位置栏更新等)上有一些自定义行为,但对于 SEO 索引,我也需要它是 href 属性的 code> 元素. 例如: 一些链接 然而,angular 也会执行 href 并且路由使我的自定义 ng-click 逻辑无用. 有没有办法扭转这 ..

使用 Angularjs 在 URL 中存储视图状态

关于在 Angularjs 中将视图状态存储为 URL 的一部分的一般(如果有的话)共识是什么,我将如何去做?我有一个相当复杂的视图/路由,其中​​包含许多要设置的过滤器、选项卡等,从而导致视图状态. 我看到了将所有这些视图组件的状态作为 URL 的一部分存储在应用程序中更简单的导航中的优势(导航 back 将在不加载来自服务器的状态,这将是另一种选择).另一个优点是视图状态可以添加书签. ..
发布时间:2021-11-10 03:27:44 前端开发

Angular2 Router CanActivate,带参数?

我在这个特定问题上看到了一些问题. 我最近只在 angular2 项目上工作.无论如何,我现在遇到了一个问题.在已弃用的路由器中,我在路由的数据部分添加了我的用户角色,我已经覆盖了 routerOutlet,因此我可以在激活路由之前检查该值). 目前我们可以符合 CanActivate Class/Interface 行,我们可以调用它. 现在我希望能够为此类 CanActiva ..
发布时间:2021-11-10 03:27:41 其他开发

Angular4:通过路由器的`data` 属性传递面包屑视图组件

在我的 Angular (v4) 应用程序中,我正在尝试创建一个面包屑模块​​.我找到了这个 S.O.问题很有帮助,建议我将面包屑信息存储在路由器的data属性中 { path: '', component: HomeComponent, data: {breadcrumb: 'home'}} 但我想做的是在 data 属性中存储一个组件,然后让面包屑模块​​提取并呈现它.允许我像这样与面包屑 ..
发布时间:2021-11-10 03:27:38 其他开发

$rootScope.$on("$routeChangeSuccess) 或 $rootScope.$on("$stateChangeSuccess) 在使用 ui-router(AngularJS) 时不起作用

我在我的应用程序中将 UI-router 用于嵌套视图,但同时我想在路由更改时侦听事件.在使用 UI-router routeChangeSuccess 之前,它触发得很好,但在 ui-router 之后它不会触发.文档建议使用 viewContedLoaded 或 stateChangeSuccess 来使用,但即使它们也不会被解雇.我正在粘贴我的代码片段.任何帮助将不胜感激. var app ..
发布时间:2021-11-10 03:27:35 其他开发

一般替换 Angular 2 路由参数并导航

我正在构建一个 Angular 应用程序,其中大部分路由都属于给定项目并包含一个 projectId.在顶部导航区域将是一个项目下拉列表.当用户从下拉列表中选择一个项目时,它需要导航到当前路线,但将 projectId 替换为新值. 这与 Angular 通过替换导航到 url 非常相似现有参数,但是他们接受的答案使用了查询参数;这需要处理所需的路由参数.此外,projectId 可能会出现 ..
发布时间:2021-11-10 03:27:32 其他开发

在角度延迟加载中找不到模块

我在 Mac 环境下成功创建了一个 angular 项目 Angular CLI:7.0.5节点:8.11.3操作系统:达尔文 x64角度:7.0.3 现在我在 ubuntu 18.04 上使用设置运行相同的代码 Angular CLI:7.3.9节点:12.9.1操作系统:Linux x64角度:7.2.15 然而,在尝试延迟加载另一个模块时出现了一个非常奇怪的问题,我不断收到此错误错误 ..
发布时间:2021-11-10 03:27:29 其他开发

为什么这不在 MVC 空 Web 应用程序 ANGULAR 中加载 view1.cshtml

我正在学习 Angular.我正在观看一个 2 年前的视频,我正在尝试使用路线概念并在 view1.CShtml 中使用(请记住,它的 CShtml 而不是 html,而在视频中,他使用的是 html). 我还发现 Views 路径以 ~Views/View1.cshtml 开头(我在 Views 文件夹中有它)很奇怪,这与视频演示器所在的 Partial/View1 相反.现在,当我有类似 ..

无法在 Angular 中导航相同的路线

我的 Angular 7 项目中有一个列表和详细信息组件,我可以通过单击列表页面上的链接打开记录的详细信息.但是,如果我刷新同一详细信息页面或通过超链接打开同一详细信息页面(例如,在新选项卡中打开列表上的同一记录),则会遇到 HTTP 错误 404.0 - 未找到.我的代码如下所示: routing.module.ts: const 路由:Routes = [{路径:'用户',组件:用户面 ..
发布时间:2021-11-10 03:27:18 其他开发

同一路线的角力载荷

我有一条通往计算器的路线.该人可能会点击计算,屏幕会显示结果.这很好.然后他们可能会转到导航栏并再次单击相同的计算器,我的意思是他们正在单击相同的路线.我想屏幕重新路由,所以他们本质上是重新开始,刷新屏幕.当然路线不会改变,屏幕也不会改变,因为它们在同一条路线上.有没有办法强制路由重新加载或刷新.我有几个不同的路线,不同的组件需要这个.因此,如果我需要编写代码来处理它们,我希望它在服务中而不是在组 ..
发布时间:2021-11-10 03:27:15 其他开发

什么时候应该在 Angular 中使用 href 而不是 routerLink?

当我在 Angular 中开发并创建视图时,我总是使用 routerLink 从一个视图导航到另一个视图.最近我看到用 Angular 制作的重要页面使用 href 而不是 routerLink 来路由网站上的视图.我的问题是,什么时候在 Angular 中使用 href 而不是 routerLink 方便,为什么?是不是给人一种不是SPA的感觉? 如果是这样,我不明白,因为它失去了 Ang ..

Angular:设置 baseHref 不会创建子文件夹

当你使用 --base-href "/some/path/" 运行 ng build 时,为什么 angular 没有根据路径创建子目录?当我在我的/dist/中启动 http 服务器时,我收到了诸如 GET/some/path/assets/images/image.png Not Found! 之类的错误.当您查看 /dist/ 时,问题很明显:直接只有 assets 文件夹,其他文件夹中没有 ..

AngularDart:“逻辑页面"和意见是一对一或一对多或什么?

AngularDart(或 JS)中应用的“逻辑页面"和视图之间的关系是什么? 例如,在 AngularDart 教程 Recipe Book 示例的上下文中,我最初将“查看食谱"和“编辑食谱"视为逻辑页面(或作为@pavelgj 建议的应用稳定状态). 当我开始学习 AngularDart 教程时,我认为一个逻辑页面和 Angular 的“视图"是一一对应的.但是在第 6 章中,视图 ..
发布时间:2021-11-10 03:27:07 其他开发

`loadChildren: () => 和有什么区别?import('./hoge.module.ts).then(m => m.HogeModule)' 和 loadChildren: './hoge.module#HogeModule'?

问题 我们得到一个错误cannot find module 如果下面的结构. app-routing.module.ts const 路由:Routes = [{路径:CHILD_MANAGEMENT_PORTAL.baseUrl,canActivate: [AuthGuard],组件:信封组件,loadChildren: () =>import('./features/child- ..

带出口的 Angular 懒加载子路由

我尝试在 stackblitz 中重现我的错误 我想达到的目标 我正在尝试使用带有动态参数的路由,并具有该参数的子路由.我希望这个模块被延迟加载.我已经使用路由定义中的 :id 定义为动态参数制定了一个有效的解决方案. 我希望子路由在不同的路由器插座中输出. 特别是我想要一个组件 (UserComponent) 加载到路由 user/:username - 如果 :usern ..
发布时间:2021-11-10 03:27:01 其他开发

Angular 5:身份验证守卫自动导航到指定的组件

我设置了一个带有 firebase 电子邮件和密码登录的身份验证防护,问题是它会自动触发到指定组件的路由. 我已经实现了身份验证保护并将其设置在正确的模块提供程序中(因为我的应用程序中有许多提供程序).这是我的身份验证服务: import { Injectable } from '@angular/core';import { Router, Route ,CanActivate, Act ..

如何在 Angular 中使用 UI Router 正确实现多个视图?

我正在尝试实现一个包含两个主要内容“窗格"的站点(想象一下两列,每列是页面宽度的一半).窗格应该能够相互独立地更改并拥有自己的控制器并能够在彼此之间传递数据(因此用户可以浏览左侧窗格上的一堆页面,而右侧窗格保持不变而无需重新加载和反之亦然,左窗格中的更改可以更新右窗格中显示的数据). 我已经浏览了大量关于 UI 路由器的示例/教程,但似乎无法找到一个很好的示例来说明如何实现我正在尝试做的事情 ..
发布时间:2021-11-10 03:26:55 其他开发