问题标签 [angular7-router]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
173 浏览

angular - 显示基于 url Angular 7 的组件

我需要这样做: 在桌面上:

1)打开一条路线,有任务列表

2)点击任务,然后看到任务和地图

在移动

1)打开一条路线,有任务列表

2)单击任务,然后您将只看到选定的任务。

3)点击任务内的“showOnMap”,你只能看到地图。

4)在浏览器中单击返回查看任务

5) 再次在浏览器中单击返回,将看到任务列表

如何在 Angular 7 中做到这一点?

我尝试用子路由制作一个项目,但我无法设置 css 样式。stackblitz 示例 添加/1/map内部服务 url,如https://owainwpmw.github.stackblitz.io/1/map

github

也许会给出更好的解决方案?

这是可视化在此处输入图像描述

0 投票
2 回答
2046 浏览

ng2-smart-table - ./node_modules/ng2-smart-table/ng2-smart-table.ngfactory.js 中的错误

我收到以下错误。当我执行“ng build --prod --aot”时

./node_modules/ng2-smart-table/ng2-smart-table.ngfactory.js 中的错误 找不到模块:错误:无法解析 '../@akveo/ng2-completer/ng2-completer.ngfactory' in ' C:\Shruthi\Applications\PULSE\Q2-error\pulse\Pulse-web\node_modules\ng2-smart-table'

当我进行构建时,一切正常。

我从昨天开始收到此错误,昨天之前一切正常。

是因为 ng2-completer 还是与 ng build 或 Angular 版本相关的东西而导致的错误。

下面是我的 package.json

请帮助我!无法弄清楚原因

0 投票
1 回答
22 浏览

typescript - 路由子概念在角度 8 中不起作用

我正在创建一个网站。在我的网站中,我正在尝试创建管理部分。在我的管理模块中,我有更多的组件,如登录、仪表板、产品等。但是在我的代码管理页面中,但子部分不像http: //localhost:4200/admin/adminloginhttp://localhost:4200/admin/admindashboard。我不知道如何在路由中使用孩子。只是我试过但没有工作。任何人都可以在我的代码中找到我的错误。

演示: https ://stackblitz.com/edit/angular-fixed-footer-header-zhdjw9?file=app/admin/admin.component.html

app.routing.ts:

admin.routing.ts:

0 投票
1 回答
540 浏览

typescript - 路由孩子在角度 8 中不起作用

尝试解决路由子问题但无法解决。如果我单击管理按钮不起作用,则不是管理部分的重定向。如何解决此问题。

演示:https ://stackblitz.com/edit/angular-3mngoh?file=src/app/approuting.module.ts

批准.module.ts:

0 投票
1 回答
38 浏览

angular - Angular 7 嵌套延迟加载子路由

我有以下代码:

应用程序路由.module.ts

和 App Router 插座一样

配置路由.module.ts

并将路由器出口配置为

查找路由.module.ts

在里面ConfigComponent,我在做this.router.navigate([${path} ], {relativeTo: this.route});where pathis lookups

问题是每当我路由到/config/lookups/config/lookups/1/options重定向到/config. 我NavigationEnd {id: 1, url: "/config/lookups", urlAfterRedirects: "/config"}在控制台中看到,很明显它正在重定向到配置。我无法弄清楚它为什么会重定向并且无法转到查找组件。我在这里研究了其他问题,但没有用。任何帮助,将不胜感激。谢谢!

0 投票
1 回答
1360 浏览

html - 角度形式错误-TypeError:没有'new'就不能调用类构造函数验证器

我收到以下角度形式错误 -

有人可以告诉我我错过了什么吗?

我的 HTML:

我的ts:

用户服务:

我的 app.module 有很好的表单导入,项目中的其他表单运行良好。我认为问题出在这个组件上。

0 投票
0 回答
28 浏览

angular - 加载 Angular7 应用程序需要很长时间

我已经在服务器中部署了我的 Angular7 应用程序。当我尝试通过 Chrome 浏览器在本地通过 URL 访问它时,需要很长时间。有时会出现“等待”弹出窗口。如果我删除缓存,那么它有时会加载。如何解决这个问题?每次都无法清除缓存。

0 投票
1 回答
88 浏览

angular - 预期的间谍导航已使用 [ [ '/login' ] ] 调用,但从未调用过

我正在为以下代码块编写测试用例:

在我的规范文件中:

上面给了我错误: Expected spy navigate to have been called with [ [ '/login' ] ] 但它从未被调用过。

我该如何解决这个问题?我已经尝试了很多来自 SO 的解决方案,但似乎没有什么对我有用。

代码是用 Angular 7 编写的,我使用的是 jasmine+karma。

0 投票
1 回答
568 浏览

angular9 - 如何从 Angular7 中可用的 Angular9 中的 ComponentFactoryResolver 访问 _factories 属性?

我使用ComponentFactoryResolver访问所有入口组件工厂,然后在 Angular 7 中动态添加这些组件的路由。

我将我的项目更新到 Angular 9,现在_factories在 ComponentFactoryResolver 中不可用。

var factory = this.componentFactoryResolver['_factories']

它在 Angular 9 中返回 undefined。如果有人可以建议一些方法来随时随地访问所有条目组件列表,那将是非常有帮助的。问题是我没有任何关于入口组件的信息,我可以通过编译器重新编译组件并添加它们的路由。

0 投票
1 回答
106 浏览

javascript - 为什么路由器链接不起作用,尽管我使用与 href 相同的组件链接并且它可以工作?

我在 Angular 7 应用程序上工作,我的问题是使用 routerLink 时路由不起作用,但在使用 href 时它起作用。

我让href链接有参数值报告id

结果工作路由

在 href 的同一位置使用路由器链接时,我执行以下操作:

结果路由不工作,因为下面生成的 url

应用路由模块:

如何解决问题?

我需要路由器链接使路由与 href 完全相同?

第一个线程的结果如下:

您为路由所做的结果代码是

但我需要它

所以我改变了什么