问题标签 [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.
json - 仅使用 Angular 7 将 json 数据写入本地 JSON 文件
我有一个提交表单的表单,我在提交表单后收到了 json 对象。我正在尝试的是我在“/src/app/data.json”的应用程序文件夹中有一个文件data.json。如何使用 Node.js 将数据写入 JSON 文件。
下面是我的代码
下面是我的 component.ts 中的代码
以下是我的服务文件中的代码
如何将数据保存到我在服务文件中获得的 json 文件中
angular - 从路由器链接中删除 localhost:4200/xxx
我想使用角度 7 中的路由器链接重定向到另一个链接,但 localhost:4200/dashboard 被附加到我要重定向的链接。
当我点击谷歌时,它应该重定向到https://google.com但正在调用localhost:4200/dashboard/ https://google.com 。
angular - 路由页面时菜单切换不起作用
我有一个仪表板。我有一个 sidenav 切换方法和一个注销方法。当我在另一个页面上调用 sidenav.toggle() 方法时,它会给出错误“无法读取未定义的属性‘切换’”。但是当我调用注销方法时它可以工作。有人能帮我吗?
我已经移动了页面所在的菜单路径,但它不起作用。
菜单html
调用菜单时的 HTML 页面
ts/组件
无法读取未定义 代码的属性“切换”html页面 代码菜单html
angular7 - 如何使用 Angular 7 刷新当前页面?
我浏览了很多链接:How to reload the current route with the angular 2 router,但我没有找到适合我的解决方案。
我有编辑屏幕,通过编辑屏幕我可以添加学生,当我成功添加学生后,我应该可以在同一个屏幕上看到新添加的学生。如果我们能做到这一点,有什么办法吗?我正在使用 Angular 7。
angular - NaN 同时在本地存储 Angular 7 中将值转换为数字
我在尝试从 localStorage 获取价值时得到 NaN。任何指针?在应用 Number 函数之前,该值为“488”。
javascript - Windows重新加载后无法重定向路由
我有两个页面,分别是角色列表和角色详细信息。有取决于角色的要求,我需要在单击保存按钮后隐藏菜单选项。这我可以用下面的代码来实现
重新加载后我需要导航到不同的页面..为此我使用下面的代码。
也尝试了这些选项
reload 方法下面的代码没有执行,这意味着它没有重定向到role-list
页面。我正在使用angular 7
版本。
任何人都可以提出任何关于如何导航到其他页面的想法,这将不胜感激,非常感谢。
angular - Angular 7延迟加载模块的组件加载两次
我在这里对我们的项目做了一个非常精简的版本: https ://stackblitz.com/edit/angular-double-load-issue
我们有一个延迟加载的“客户端”模块,其中包含一个客户端布局组件。
中渲染的组件client-layout
,例如Home component
加载两次,谁能告诉我为什么会这样?
查看 slackbitz 中的控制台以查看主组件的初始化消息显示两次。
angular - 带有权限的面包屑导航
我为面包屑编写了代码,它工作正常,但面临权限问题。示例:一个模块名称:TestModulewhich
是延迟加载的,并且有许多组件 ieTestComponent1, TestComponent2,...
等。如果我单击面包屑导航,它将类似于 Test Module/Test Component 1TestCOmponent1
和类似的TestComponent2
. 如果我单击面包屑中的测试模块,它应该重定向到工作正常的测试组件 1,但如果我没有测试组件 1 的权限,那么它会抛出 403 禁止。如果我没有测试组件 1 的权限,我需要它应该重定向到测试组件 2。
我尝试了多种解决方案,但都没有奏效。面包屑代码:
面包屑模板:
以及我使用它的路由:
angular7 - 在 Angular v7.2 中使用状态在路由之间传递数据。如何在页面刷新时保留此值
v7.2
使用状态在 Angular 中的路由之间传递数据。
this._router.navigateByUrl(AppUtils.API_ROUTE, { state: { hello: 'world' }});
组件中收到的值
刷新时,此值将丢失。如何在页面刷新时保留此值。