在angular 2中未在onSubmit上发布的值
在Angular 2中，如果在onSubmit方法中未发布值，意味着未将表单数据发送到服务器或进行其他处理。onSubmit方法通常用于处理表单提交事件，可以在该方法中执行一些逻辑操作，例如验证表单数据、发送HTTP请求等。
在未发布值的情况下，可能会导致表单数据无法被处理或保存。为了确保表单数据被正确处理，可以在onSubmit方法中执行以下步骤：
- 获取表单数据：使用Angular的表单模块（FormsModule或ReactiveFormsModule）来获取表单控件的值。可以通过表单控件的名称或表单组的值来获取数据。
- 验证表单数据：对获取到的表单数据进行验证，确保数据符合预期的格式和规则。可以使用Angular的表单验证器来验证数据，例如必填字段、最小长度、正则表达式等。
- 处理表单数据：根据业务需求，对表单数据进行处理。可以将数据发送到服务器进行保存、更新数据库、调用其他API等。
- 可选：显示成功或错误消息：根据处理结果，可以在界面上显示成功或错误消息，以便用户得到反馈。
对于Angular 2中未在onSubmit上发布的值，可以根据具体情况进行处理。如果需要将表单数据发送到服务器，可以使用Angular的HttpClient模块来发送HTTP请求。如果需要保存数据到数据库，可以调用相应的后端API来完成操作。
以下是一些腾讯云相关产品和产品介绍链接地址，可以根据具体需求选择适合的产品：
- 云服务器（CVM）：提供可扩展的云服务器实例，满足不同规模和性能需求。链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：提供高性能、可扩展的云数据库服务，支持MySQL数据库。链接：https://cloud.tencent.com/product/cdb_mysql
- 云函数（SCF）：无服务器计算服务，帮助开发者更轻松地构建和运行事件驱动型应用程序。链接：https://cloud.tencent.com/product/scf
请注意，以上链接仅供参考，具体选择产品时需要根据实际需求进行评估和决策。
相关·内容
invitekey=5e331c6176e24d3080f28b82a7a62f7a&email=donal@gmail.com和现在我通过从url中获取它来预先填充电子邮件字段，url是禁用的。现在，当表单加载时，我填写了剩余值，并单击注册按钮，数据是post，但电子邮件字段在这种情况下是空的。但当我编辑这封电子邮件时，它成功地发布了所有数据。我不知道这段代码出了什么问题。important;</style>组件
import { Component } from '@a
浏览 4提问于2016-08-04得票数 3
回答已采纳
1回答
我有一个小表格，我想用Angular和mongodb发布。我的问题是，当我发布表单时，我的输入中包含一个预定义的值(当前用户的用户名)。我在显示器上设置的输入是: none。现在我想使用ng-model发布表单，但不知何故，当我发布表单时，它并没有发布我刚才提到的输入。title dark small">Typ
浏览 0提问于2018-06-19得票数 0
2回答
嗨，我正在使用mydatepicker在我的角度项目。Git url import { Component } from '@angular/core';
import
浏览 0提问于2018-10-22得票数 1
回答已采纳
当我将下面的代码(参见下面的)表单模板添加到我的Angualr应用程序中时，我在我的终端中得到了‘未知方法’onSubmit‘的错误。_createNodeExpressions (compiler.js:28354)谁能给我指明正确的方向？Add Client <div class="card-block">
<form #f="ngForm" (
浏览 0提问于2018-04-14得票数 1
回答已采纳
1回答
在这个错误上确实需要一些帮助：
login.html <material-input/angular.dart';
import 'package:
浏览 0提问于2018-07-12得票数 4
回答已采纳
2回答
我试图用离子型向外部API发送一个简单的表单答案。然后，我尝试使用ngForm作为这个问题的答案，。<form #form method="post" (ngSubmit)="onSubmit()" class="form-horizontal" action="https://localhost:44370不是一个函数
onSubmit() {
console.log(
浏览 0提问于2019-07-12得票数 0
回答已采纳
1回答
列表可能包含10个以上的选项 <form method="get" action="Chairman.php" >
<select name="courses" id
浏览 1提问于2015-04-05得票数 0
我在angular 4中创建了一个表单，其中一个字段数据是从外部js文件中获取的。在js文件中，我这样做值在屏幕上被填充，但是当我点击submit按钮时，我注意到特定的字段值是空的这是我如何在Angular TypeScripts中检索表单值</em
浏览 17提问于2018-02-17得票数 0
我正在使用Angular2模板来创建表单。我的验证工作正常。<div class="panel panel-default"> <h3 class="panel-title{{EName.errors | json}} <div
浏览 1提问于2016-08-29得票数 67
我在提交表单时遇到了从模式获取表单值的问题。日志显示addMountForm未定义。我已经提供了我的html的代码片段以及组件。我将非常感谢你的帮助。class="modal-title">Add Mount Point</h3> <div class="modal-body">
<form (ngSubmit)="onSub
浏览 2提问于2017-05-05得票数 10
我使用的是Angular 7中的表单，如下所示 <form #payForm="ngForm" (ngSubmit)="onSubmit(payForm, $event)" method="POST"但是当他最终点击"Pay Now“按钮时，我想从我的angular组件向POST URL提交表单，所以我使用ngForm和(ngSubmit)="onSubmit(payForm, $ev
浏览 12提问于2019-09-14得票数 0
1回答
我希望从HTML表单中生成JSON，以便将该表单模板存储在ms数据库中。请帮帮忙。这个是可能的吗？或者我可以尝试什么方法来实现这个目标？
浏览 2提问于2019-11-05得票数 0
回答已采纳
这是我的canDeactivate卫士，它可以工作。但是当我使用提交按钮时，我不想叫保安。只有当我通过任何其他方式导航时。多么?import { Injectable } from '@angular/core';
export int
浏览 0提问于2017-03-18得票数 6
我正尝试在angular 2中使用http发布数据，我添加了一个http调用并添加了api，当我单击按钮时，它应该会将数据发布到我的数据库中，在cosole中它显示错误。EXCEPTION: Response with status: 200 Ok for URL: null
import{Http, Response, Headers} from &#
浏览 3提问于2016-06-22得票数 0
有没有人能帮我了解一下控制组是如何工作的？我正在试着做这样的事情import { Component, OnInit } from "@angular/core"; return fb.group({ fieldB: [''] }<e
浏览 0提问于2016-06-21得票数 1
我想在测试服务器上发布一个帖子，但在使用Map和Subscribe时发现了两个错误。请注意，下面我在consultaCEP()中同时使用了这两种方法，并且它可以正常工作。使用W10，vscode，angular 6。import { HttpClient } from '@angular/common/http';import { Observable
浏览 6提问于2019-05-04得票数 0
我有以下代码：..export class ChangepasswordComponent{ })
onSubmit(){
this.route.navigate(['home
浏览 1提问于2021-11-12得票数 0
回答已采纳
：在表单事件处理程序(如onsubmit或oninput等)中，您可以全局访问控件值，这意味着下面的操作确实有效：<form onsubmit="alert(theInput.value); return我从未在任何地方定义过theInput，而且它也不是一个全局变量。function submitHandler() {}
<for
浏览 3提问于2019-07-15得票数 0
回答已采纳
使用这段代码，我只能在localStorage中存储单个键/值对，如果用户输入一个新值并提交表单，它将覆盖前一个值。如何在localStorage中存储每个表单提交？import { Component, OnInit } from '@angular/core'; username: new Fo
浏览 42提问于2021-09-23得票数 0
1回答
在Maven上发布新的
、、、
Podio上的新代码何时在Maven上发布？
在官方API的github上，有一些新代码尚未在Maven上发布。这种情况已经持续了近一年半。
浏览 3提问于2016-07-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
