在angular 6中，表单在I do (ngSubmit)之后不会刷新
在Angular 6中，表单在I do (ngSubmit)之后不会刷新的原因是因为默认情况下，ngSubmit事件会触发表单的提交动作，但不会导致页面刷新。这是因为Angular采用了单页应用（SPA）的架构，通过使用Ajax技术实现页面的局部刷新，提高了用户体验和性能。
要解决表单提交后不刷新的问题，可以采取以下几种方法：
- 使用Router导航：在表单提交成功后，通过Router导航到另一个组件或当前组件的刷新路由，以实现页面的刷新。
- 使用location.reload()方法：在表单提交成功后，可以使用JavaScript的location.reload()方法来刷新整个页面。
- 使用ngIf指令：在表单组件的父组件中添加一个ngIf指令，将表单组件包裹在其中。在表单提交成功后，通过改变ngIf的值来重新渲染表单组件，从而实现刷新效果。
- 使用Angular的ChangeDetectorRef服务：在表单提交成功后，可以使用ChangeDetectorRef服务来手动触发变更检测，从而实现页面的刷新。
需要注意的是，以上方法都是通用的解决方案，不仅适用于Angular 6，也适用于其他版本的Angular。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云CDN加速服务。腾讯云云服务器提供稳定可靠的云计算基础设施，可用于部署和运行Angular应用程序。腾讯云CDN加速服务可以加速静态资源的传输，提高页面加载速度，提供更好的用户体验。
腾讯云云服务器产品介绍链接：https://cloud.tencent.com/product/cvm 腾讯云CDN加速服务产品介绍链接：https://cloud.tencent.com/product/cdn
相关·内容
下面是app.component.html的代码片段 <table> <tbody> <td>onSubmit() {
console.l
浏览 16提问于2018-09-04得票数 2
回答已采纳
html <form [formGroup]="patientForm" (ngSubmit)="onSubmit()">button> </div></section>import { Component, OnInit } from &#x
浏览 1提问于2017-04-27得票数 60
回答已采纳
1回答
我设法在用户中签名一次就能得到一个令牌，但是我为将它存储在localStorage中而编写的代码只工作了一次，并且停止了工作(在我刷新它之后，它就消失了，不会再设置)。auth.service.ts:import { Http, Headers, Response } from"@angular/http";
import
浏览 3提问于2017-05-30得票数 1
假设我有一个类和一个定义： exec { .. }}
$params = { 'b' => { .. }
exec {'I need to run first': ... }create_resources('do:
浏览 0提问于2020-07-27得票数 1
回答已采纳
我终于在angular 2中制作了我的应用程序，除了一件事之外，所有的事情都解决了。当我将项目添加到我的表中或编辑它时，直到我刷新页面或单击下一页按钮(我已经实现了分页)，我才能看到更改。/bundles/angular2-polyfills.js"></script>当我添加项目，并将断点放在get方法上时，它被正确调用，并且我从我的数据库中获得了
浏览 6提问于2016-03-09得票数 0
2回答
<div class="container" *ngIf="employee"><form #f="ngForm" (ngSubmit/employee';import { FormsModule } from '@an
浏览 6提问于2022-06-27得票数 1
回答已采纳
那么，使用约曼在中构建一个角度项目的推荐/最佳方法是什么？我试着在Express项目的根目录中运行yo angular --minsafe ( app.js和package.json都在这里)，但是Yeoman试图覆盖package.json，而角文件没有正确地进入
浏览 2提问于2013-03-27得票数 13
回答已采纳
但是，我在ajax中使用数据表，并且有一个日期范围选择器，因此页面不会刷新，因此当条件发生变化时，我无法提供新的默认文件名。有没有人知道在用表格工具初始化数据表之后，我如何在运行时更改默认文件名，即直接修改配置？php print('How do i use jquery to change this after the table has been initialized'); ?
浏览 0提问于2011-09-22得票数 5
1回答
角2动态嵌套形式
、、
基本上，我想用嵌套的对象创建一个动态表单，如下所示：
<form [ngFormModel]="form" (ngSubmit)="onSubmit()">
<input type="text" ngControl=&qu
浏览 0提问于2016-06-21得票数 14
我在Angular / .net核心中提交表单时遇到问题。问题似乎出在表单重置上。如果我打开它，第二次提交就可以了。下面是我的(示例)代码：
<form #frm="ngForm" id="frm" (ngSubmit)="onSubmit(frm.v
浏览 0提问于2019-07-29得票数 1
在刷新querytable之后，我尝试将单个工作表导出为.txt文件。我不想使用Workbooks.Add或.Copy and .PasteSpecial方法。到目前为止，我做了这样的事情： With Sheets(2).QueryTables(1)
Sheets(2).SaveAs ThisWorkbook.path & filename &
浏览 5提问于2017-03-24得票数 0
回答已采纳
我在Angular 2中有一个简单的反应表单，并且我的表单没有检测到原始数据表的单元格的变化。html为：<p-dataTable [value]="dataMenu"<p-column field="price" header="Price" [editable]=&quo
浏览 3提问于2017-06-08得票数 1
1回答
使用幻灯片刷新时重复的表格单元格
、、、、
当使用幻灯片刷新我的RSS表上的功能时，单元格会被复制，显示在旧RSS数据之后的最新更新。我的意思是，在刷新之后，数据将被添加到表中，但是旧的单元格不会首先被删除。我的代码： super.viewDidLoad()
// Do any additional setup after
浏览 4提问于2016-03-28得票数 0
回答已采纳
我目前正在创建一个表管理器web组件，它由几个不同的组件组成，如data-table、search-bar等。我单独管理它，因为有时不使用表或搜索栏，但当它们一起使用时，它们使用相同的类作为输入。搜索栏调用类的一个方法进行搜索，并相应地过滤数据，无论数据属性在类中如何更改，只有当我执行一些刷新操作(例如，选中复选框)时，它才不会反映在UI上。搜索之后，data成员发生了更改，如果我使用setInterval在table组件中记录配置，它会显示更改后的data，但UI<e
浏览 21提问于2020-12-16得票数 1
我有这个问题：在页面初始化之后，如果第一次在文本框中插入一个数字，angular将给我表中的行数，但对于第二行(第三行...)如果我插入其他数字，则不会刷新该表。
浏览 0提问于2017-05-12得票数 1
1回答
由于某些原因，必须在此之后刷新两个表(删除会影响两个表的显示条目)。在我已经非常高兴地看到表显示了正确的数据，并且按钮也做了相应的事情之后，我很快意识到，如果数据库发生变化，jsf页面中的表将不会自动刷新。我在web上搜索了一些关于如何在ADF应用程序中刷新jsf页面元素的入门级教程。遗憾的是，到目前为止，我没有找到任何能给我钥匙的东西。//where do <
浏览 2提问于2021-03-01得票数 0
回答已采纳
我正在使用Angular 7创建一个调度程序，我正在使用一个常规的HTML表。此表中的数据是通过Firebase提供的，当我添加或删除约会时，这些数据会完全更新。但是，当我更改周时，我的HTML表的标题不会用新的日期刷新。我在我的数据源表(Array of Date)上实现了一个rxjs Observable 组件： <table class="tableweek"> <tr
浏览 40提问于2019-02-14得票数 0
回答已采纳
1回答
然而，添加flush(output); (参见程序2)并不会改变时间，这似乎意味着即使在每个write之后，FPC也会刷新输出缓冲区，这将解释所有的行为。在这里可以清楚地看到，flush()减慢了程序的速度，因此在Linux下，似乎每次都不会刷新stdout。这些方案： s:string;for j:=1 to 1000 do begin
for i:=1
浏览 3提问于2014-11-15得票数 2
回答已采纳
我有一个问题，当我用kendo绑定数据到一个表时，我使用了一个kendo.data.DataSource对象，我绑定到一个表，如下所示： <table class="myClass" id="serverSorting: true, // <-- Do sorting server-side.但是如果我使用某些操作添加或删除元素，它不会在表中刷新。transport: {
浏览 14提问于2021-09-14得票数 0
2回答
在循环中处理标准输入之后，我使用"-i“(交互式)复制了一个文件。然而，这永远不会被执行(在管道模式下)，因为(我猜)标准输入没有被刷新。举个例子来简化一下：while read line echo $line# the next line does not execute
cp -i afile bfile我需要在读取之前刷新stdin。它怎么能做到
浏览 1提问于2010-06-18得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
