angular7 相关问题

关于Angular版本7的问题,来自Google的Web框架。将此标记用于仅针对版本7的Angular问题。对于任何不特定于单个版本的Angular问题,请使用标记Angular。

如何在Angular 7中提交时生成HTML表单的JSON

我想从HTML表单生成JSON,以将该表单模板存储在ms sql数据库中。请帮忙。 [[[[[[[[[] [ 尝试执行以下步骤。 在 app.module.ts中添加代码 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { AppComponent } from './app.component'; @NgModule({ imports: [ BrowserModule, FormsModule ], declarations: [ AppComponent ], bootstrap: [ AppComponent ] }) export class AppModule { } 在您的 app.component.html 中 <h1> Template-Based Contact Form Example </h1> <form #myform = "ngForm" (ngSubmit) = "onSubmit(myform)" > <input type = "text" name = "fullName" placeholder = "Your full name" ngModel> <br/> <input type = "email" name = "email" placeholder = "Your email" ngModel> <br/> <textarea name = "message" placeholder = "Your message" ngModel></textarea> <br/> <input type = "submit" value = "Send"> </form> 在您的[[app.component.ts] import { Component } from '@angular/core'; import {NgForm} from '@angular/forms'; @Component({ selector: 'my-app', templateUrl: './app.component.html', styleUrls: [ './app.component.css' ] }) export class AppComponent { onSubmit(form: NgForm) { console.log('Your form data : ', form.value); } } 我们将对表示我们表单的NgForm对象的引用传递给 onSubmit()方法,我们可以使用它来访问各种属性,例如value,它提供了一个包含属性的普通JS对象。的形式及其价值。在此示例中,我们仅在控制台中打印表单值,但在实际情况下,我们可以使用它通过POST请求将数据发送到服务器。 您可以从文档中看到NgForm的所有可用方法。 您可以在浏览器控制台中查看数据。请尝试这个。希望这会帮助你。

回答 1 投票 0

从角度服务调用节点api时出现Cors问题

我有一个Angular7前端,我正在尝试从Node服务器发送一个get请求。但是,节点服务器本身无法接收api请求。我在节点的app.js代码上都尝试过:1> ...

回答 1 投票 0

如何在角度7中执行反向地址解析

[我正在使用angular-google-map。正在接收经度和纬度的JSON数据。我想获取给定纬度和经度的地址。是否有用于反向地理编码的npm软件包。我尝试了反向-...

回答 1 投票 0

如何根据下拉列表中的选定数字生成表单输入字段(选择)

我想根据下拉菜单中的选定选项生成表单输入文本框。 选项 ...

回答 3 投票 1

使用异步/等待时,错误处理程序返回默认值

Angular教程中有一个建议的错误处理程序,如果发生错误,该错误处理程序可以将默认值返回给调用方。 / ** *处理失败的Http操作。 *让应用程序...

回答 1 投票 1

检查Observable是否未定义

在Angular 7应用程序上,我有以下模板:

回答 3 投票 0

Angular HttpClient接收并处理302/307响应代码;禁用重定向

我为我的组件提供以下服务:@Injectable({provedIn:'root',})导出类MyService {构造函数(private httpClient:HttpClient){}} someFunction(){this ....

回答 1 投票 1

在创建表单之前运行自定义验证

我有一个带有自定义验证的表单。我需要验证表单,因为表单将是未定义的。如果我不这样做,则代码无法正常工作。验证目前正在使用此代码,但我会...

回答 1 投票 0

如何使用节点js将通过Google驱动器下载的pdf转换为base 64

使用Google Drive API文档使用Node JS实现了下载部分。现在,我必须将下载的pdf转换为base64。谁能帮我解决这个问题。

回答 1 投票 0

无法从Angular 7中的数据属性中提取数据

我正在尝试重用kendoDropDownListBox并通过使用父级中的数据属性来查询正确的数据源并结合switch case语句来设置数据。开关盒...

回答 1 投票 0

ng对于在现有应用中不起作用,将在新创建的应用中起作用

我有一个具有很多硬编码值的现有应用程序。实现数据不会改变,我首先创建了一个要在运行时加载的JSON文件。在现有应用程序中,如果...

回答 1 投票 1

无法使用Primeng Turbo表过滤Angular 7中的嵌套对象

[我试图将以json格式从Web api返回的嵌套对象显示到Turbo表中,即p表,是Primeng组件。成功显示所有数据后,我尝试使用列过滤器,...

回答 1 投票 0

如何在结构指令中将函数传递给createEmbeddedView?

我尝试在指令主体中执行此操作:let fn =()=> {alert(“ ok”); };导出类DirDirective {this.vcr.createEmbeddedView(this.tpl,{$ implicit:num,fn:fn}); } ...

回答 1 投票 -2

Angular 7-以img标签显示方向的图像

[在img标签中显示图像时,它始终显示原始方向。我想显示旋转图像的确切方向,这是使用angular属性绑定源时的代码:&...

回答 1 投票 0

如何在表内使用表格组和表格数组同时进行迭代?我不知道如何在模板中处理它

这将是输出:我不知道如何在模板rateCardForm = this.fb.group({包中:this.fb.group({freeDays:this.fb.array([]),paidDays :...

回答 1 投票 0

Angular 7将多个文件发送到服务器

我对从Angular 7应用程序向.NET Core 3服务器发送文件集合有疑问。我有用于将单个文件发送到服务器的功能代码。但是我遇到了问题...

回答 1 投票 2

子组件HTML不在DOM中时呈现

我已经创建了一个常规搜索组件,并在CoreModule中进行了声明,并将模块导入了CoreModule中。现在,当我使用常规搜索组件时,其HTML不在DOM中呈现,而是...

回答 1 投票 0

如何使用Angular 7动态禁用输入

我试图根据从Component.ts中获取的值来禁用输入。在我的component.ts文件中,我有这个值disName = false;在我的HTML中,我具有以下元素名称:

回答 3 投票 0

如何在typeScript的'Object'类型上不存在'属性'dials'的修复方法

从'@ angular / core'导入{Component,OnInit};从'src / app / provider / dashboard.service'导入{DashboardService}; @Component({选择器:'app-dashboard',templateUrl:'./dashboard ....

回答 1 投票 0

ngx-spinner不能适应页面变大的情况

问题是我的微调器首先要覆盖整个页面,然后,我正在显示新的面板(页面越来越大),而微调器没有调整。例如,页面的高度为...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.