首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Angular:刷新Angular路径上的目标

Angular:刷新Angular路径上的目标
EN

Stack Overflow用户
提问于 2019-10-24 18:51:57
回答 2查看 85关注 0票数 0

我在这里使用的是angular 6。

我有一个表单页面,其中用户填写该表单,然后在保存时,我将详细信息保存到数据库,然后将用户重定向到列表页面,在列表页面中,他可以看到列表表单中所有保存的记录。

我在保存时使用下面的代码来重定向

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
this.router.navigate([`${CONFIG.app}/listAll`]); 

问题是,当我执行上述操作时,它将我重定向到列表页面,但有旧的列表条目,只有当我刷新页面时,我才能看到最近保存的条目。谁能建议什么是最好的方式来做自动刷新的目标页面。

谢谢

--更新--

我的list组件上有以下内容:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  ngOnInit() {
    this.myService.getAllList().subscribe((obj: any[]) => {
      this.allData= obj;         
     });
   }

以下是我的服务:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  getAllList(): Observable<{} | any[]> {
   return this.httpClient.get<any[]>(this.url, {})
      .pipe(map(res => this.extractData<any[]>(res)), 
        catchError(this.exceptionService.catchBadResponse));
    }

    private extractData<T>(response: any) {
    if (response && (response.status < 200 || response.status >= 300)) {
       throw new Error('Bad response status: ' + response.status);
     }
     return <T>(response || {});
    }
EN

回答 2

Stack Overflow用户

发布于 2019-10-24 19:10:25

请分享listAll组件代码。你使用ngoninit作为list吗?

票数 0
EN

Stack Overflow用户

发布于 2019-10-24 19:11:43

不要那样做!JS框架的目标是避免重新加载。当您获得API响应时,将接收到的数据注入到组件中。

如果需要帮助,请添加组件或/和服务。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58547547

复制
相关文章
angular路由懒加载强制刷新_angular路由
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/08
2K0
Angular 2 架构(上)
图中的模板 (Templates)是由 Angular 扩展的 HTML 语法组成,组件 (Components)类用来管理这些模板,应用逻辑部分通过服务 (Services)来完成,然后在模块中打包服务与组件,最后通过引导根模块来启动应用。
陈不成i
2021/07/26
1.4K0
Angular 文档中链接的修改路径
左侧链接的修改路径在 angular-cn\aio\content\navigation.json 这个文件中。
HoneyMoose
2019/05/16
1.4K0
Angular 文档中链接的修改路径
Angular 2 表单(上)
利用 Angular 模板,我们可以创建各种类型表单,例如:登录表单,联系人表单,商品详情表单等,而且我们也为这些表单的字段添加数据校验。
陈不成i
2021/07/26
1.5K0
Angular 项目路径添加指定的访问前缀
开发多个项目的时候,我们希望能通过指定的前缀路径去访问不同的项目。比如,通过前缀 /projectA/ 去访问项目 A;通过前缀 /projectB/ 去访问项目 B。我们应该怎么设置呢?
Jimmy_is_jimmy
2023/03/09
1.3K0
Angular 文档中链接的修改路径 原
左侧链接的修改路径在 angular-cn\aio\content\navigation.json 这个文件中。
HoneyMoose
2019/05/17
8010
Angular 2 JavaScript 环境配置(上)
本章节使用的是 JavaScript 来创建 Angular 的应用,当然你也可以使用 TypeScript 和 Dart 来创建 Angular 应用 。
陈不成i
2021/07/26
4640
Angular 2 TypeScript 环境配置(上)
本章节使用的是 TypeScript 来创建 Angular 的应用,这也是官方推荐使用的,本教程的实例也将采用 TypeScript 来编写。
陈不成i
2021/07/26
1.3K0
angular 路由懒加载_angular路由
在angular中路由即能加载组件又能加载模块,而我们说的懒加载实际上就是加载模块,目前还没有看到懒加载组件的例子。 加载组件使用的是component关键字 加载模块则是使用loadChildren关键字
全栈程序员站长
2022/11/08
1.3K0
【Angular专题】——(2)【译】Angular中的ForwardRef
先做一个小声明,我们现在拥有一个AppComponent,并使用DI系统向其中注入了一个NameService,因为我们使用的是Typescript,所以需要做的工作就是在构造函数的参数中声明变量nameService的类型为NameService,这样做的目的是为了向Angular提供运行时解析依赖所需要的相关信息。
大史不说话
2018/12/27
3.2K0
【Angular专题】——(2)【译】Angular中的ForwardRef
【Angular专题】——(1)Angular,孤傲的变革者
Angular,来自Google的前端SPA框架,与React,Vue并称前端框架的三驾马车,前些日子刚发布了7.0版本。它是一个十足的革命者,每一次亮相,都会把新的思想和软件层面的实现提供给开发者,从Angularjs1.0时代推翻jQuery的统治地位,到Angular2.0时代基于Typescript的全面升级,再到现在每半年一个大版本的高速更新迭代,不断革新着前端代码的编写方式,也推动着前端开发工程化和正规化的发展,可以说Angular一直在用行动诠释着自己的孤傲和才华。
大史不说话
2018/12/24
8640
Angular 修改build后的静态资源目录路径
如果你通过angular-cli创建了一个angular项目,比如名称为angular-quick-start执行ng build后,静态资源会输出到dist/angular-quick-start,angular-quick-start是项目名。
mafeifan
2019/07/11
3.7K0
Angular 修改build后的静态资源目录路径
Angular学习(02)--Angular-CLI命令
官方的教程,其实已经很详细且易懂,这里再次梳理的目的在于复习和巩固相关知识点,刚开始接触学习 Angular 的还是建议以官网为主。
请叫我大苏
2019/03/19
2.6K0
Angular学习(02)--Angular-CLI命令
浅谈Angular
AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面。
生南星
2019/07/20
4.4K0
Angular练习
1、安装node.js(其自带npm) 2、安装angular/cli 3、使用angular/cli构建项目参考这篇文章
易兒善
2018/08/21
6160
【Angular】Angular 与 AngularJs 之间的纠缠不清
Marketing/Branding 部分其实只是单纯的设定,不需要逻辑,所以记住就好。
CloudCat
2019/05/26
7840
Angular 服务
本节课的重构完成之后,HeroesComponent 变得更精简,并且聚焦于为它的视图提供支持。这也让它更容易使用模拟服务进行单元测试。
HoneyMoose
2019/05/31
3.3K0
Angular命令
node -v 检查node.js安装 npm  -v 检查npm安装 npm install -g @angular/cli 安装CLI ng new my-app 创建工作空间并初始化应用 ng serve 运行应用 ng help 命令帮助 ng generate –help 命令帮助 ng add 添加包到项目中 ng build 编译发布 ng build –base-href /angular/my-test-app/ 指定子目录 ng config 添加配置信息 ng generate component video/video 创建组件 ng generate module demo 创建模块 ng generate enum video/GENRE 创建枚举类型 ng generate class video/video 创建类 ng generate service service/Logger  创建服务 ng generate directive my-directive 新建指令 ng generate pipe my-pipe 新建管道
苦咖啡
2020/04/21
8740
点击加载更多

相似问题

Angular 2子路径是否会刷新父路径

215

基于Angular中的路径刷新元件数据

319

刷新标记Angular

23

使用Angular 4刷新将重复当前路径

23

Angular ng路径

15
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文