问题标签 [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 回答
6410 浏览

json - 仅使用 Angular 7 将 json 数据写入本地 JSON 文件

我有一个提交表单的表单,我在提交表单后收到了 json 对象。我正在尝试的是我在“/src/app/data.json”的应用程序文件夹中有一个文件data.json。如何使用 Node.js 将数据写入 JSON 文件。

下面是我的代码

下面是我的 component.ts 中的代码

以下是我的服务文件中的代码

如何将数据保存到我在服务文件中获得的 json 文件中

0 投票
2 回答
2281 浏览

angular - 从路由器链接中删除 localhost:4200/xxx

我想使用角度 7 中的路由器链接重定向到另一个链接,但 localhost:4200/dashboard 被附加到我要重定向的链接。

当我点击谷歌时,它应该重定向到https://google.com但正在调用localhost:4200/dashboard/ https://google.com 。

0 投票
0 回答
68 浏览

angular - 路由页面时菜单切换不起作用

我有一个仪表板。我有一个 sidenav 切换方法和一个注销方法。当我在另一个页面上调用 sidenav.toggle() 方法时,它会给出错误“无法读取未定义的属性‘切换’”。但是当我调用注销方法时它可以工作。有人能帮我吗?

我已经移动了页面所在的菜单路径,但它不起作用。

菜单html

调用菜单时的 HTML 页面

ts/组件

无法读取未定义 代码的属性“切换”html页面 代码菜单html

0 投票
2 回答
132 浏览

angular7 - 如何使用 Angular 7 刷新当前页面?

我浏览了很多链接:How to reload the current route with the angular 2 router,但我没有找到适合我的解决方案。

我有编辑屏幕,通过编辑屏幕我可以添加学生,当我成功添加学生后,我应该可以在同一个屏幕上看到新添加的学生。如果我们能做到这一点,有什么办法吗?我正在使用 Angular 7。

0 投票
2 回答
558 浏览

angular - NaN 同时在本地存储 Angular 7 中将值转换为数字

我在尝试从 localStorage 获取价值时得到 NaN。任何指针?在应用 Number 函数之前,该值为“488”。

0 投票
3 回答
101 浏览

javascript - Windows重新加载后无法重定向路由

我有两个页面,分别是角色列表和角色详细信息。有取决于角色的要求,我需要在单击保存按钮后隐藏菜单选项。这我可以用下面的代码来实现

重新加载后我需要导航到不同的页面..为此我使用下面的代码。

也尝试了这些选项

reload 方法下面的代码没有执行,这意味着它没有重定向到role-list页面。我正在使用angular 7版本。

任何人都可以提出任何关于如何导航到其他页面的想法,这将不胜感激,非常感谢。

0 投票
1 回答
989 浏览

angular - Angular 7延迟加载模块的组件加载两次

我在这里对我们的项目做了一个非常精简的版本: https ://stackblitz.com/edit/angular-double-load-issue

我们有一个延迟加载的“客户端”模块,其中包含一个客户端布局组件。

中渲染的组件client-layout,例如Home component加载两次,谁能告诉我为什么会这样?

查看 slackbitz 中的控制台以查看主组件的初始化消息显示两次。

0 投票
0 回答
65 浏览

angular - 带有权限的面包屑导航

我为面包屑编写了代码,它工作正常,但面临权限问题。示例:一个模块名称:TestModulewhich是延迟加载的,并且有许多组件 ieTestComponent1, TestComponent2,...等。如果我单击面包屑导航,它将类似于 Test Module/Test Component 1TestCOmponent1和类似的TestComponent2. 如果我单击面包屑中的测试模块,它应该重定向到工作正常的测试组件 1,但如果我没有测试组件 1 的权限,那么它会抛出 403 禁止。如果我没有测试组件 1 的权限,我需要它应该重定向到测试组件 2。

我尝试了多种解决方案,但都没有奏效。面包屑代码:

面包屑模板:

以及我使用它的路由:

0 投票
0 回答
32 浏览

angular7 - 在 Angular v7.2 中使用状态在路由之间传递数据。如何在页面刷新时保留此值

v7.2使用状态在 Angular 中的路由之间传递数据。

this._router.navigateByUrl(AppUtils.API_ROUTE, { state: { hello: 'world' }});

组件中收到的值

刷新时,此值将丢失。如何在页面刷新时保留此值。

0 投票
0 回答
38 浏览

angular - Angular 需要加载带有前面斜杠的模块

当顶级 javascript 文件自动加载到视图中时,它需要在它前面加上一个斜线,因此它不会尝试从 /foo/response.js 而不是 /response.js 加载每个 JS 文件。

我尝试添加“baseUrl”:“/”,但是没有建立。仅当我使用“./”时才有效

同样在索引中,我手动添加了 env.js,这就是为什么那个有斜线。其余的需要在前面加上斜线。

最后,页面每次都必须加载的原因是因为网站有两个版本,我选择动态加载哪个模板。

在此处输入图像描述