angular2-forms相关内容
我想知道如何实现退出时确认组件,以便在页面刷新或离开选项卡或窗口或屏幕时我可以执行退出时确认方法,以便如果用户单击确定他会离开屏幕,点击NO他会留在同一个屏幕上? 我在这里使用的代码是: import { Component, OnInit, Input, Output, HostListener } from '@angular/core';@成分({选择器:'确认退出',templat
..
我正在尝试验证密码并在表单中重复密码.像这样 import { FormGroup, FormBuilder, Validators, AbstractControl } from '@angular/forms';this.registerForm = fb.group({名称:['', Validators.required],电子邮件:['', Validators.compose([Va
..
我想创建一个自定义的 InputCustom 组件并用它来创建模型驱动的表单. 我的自定义组件只是包装了一个输入字段,并使用 Bootstrap material design 来实现外观. @Component({选择器:'输入自定义',模板:`
..
我正在尝试在我的 Angular 应用程序中开发两个下拉菜单.第一个是shop list,另一个是godown list.当我选择一家商店时,它会显示在数据上.但是当我选择仓库时,它不会更改数据.这里我有两个下拉框. 我认为我的问题出在我的打字稿文件(Onselect)中,因为这里我有 2 个下拉菜单(在 html 中我使用了 2 个 Onselect 函数,但在我的 ts 文件中只有一个函
..
我有一个由多个表单组组成的 formArray.我需要根据数组中每个表单组中存在的布尔字段对数组进行动态排序. 布尔字段是一个复选框,在任何给定的时间点只能选中一个复选框(模仿单选按钮).因此,当单击复选框时,我需要根据选择的那个对 formArray 进行排序. 我知道文档建议不要弄乱 formArray 中存在的 AbstractControls[],那么动态排序数组的理想方法是什
..
有一个实现ControlValueAccessor的组件,带有内部FormGroup来维护自定义表单控件的状态.当任何字段,即 FormGroup 的一部分被禁用时,在父表单中调用 .getRawValue() 方法时该字段不可见. 根据规范,.getRawValue() 应该返回原始对象,包括禁用的字段. 我检查了 .getRawValue() 的代码,这是我发现的: getRa
..
我有一个 Angular 2 应用程序,它使用 ReactiveForms 模块来管理使用自定义验证器的表单.验证器接收一个 FormControl 对象.我有几个输入字段可以使用相同的自定义验证器,前提是我在将 FormControl 传递给验证器时知道该字段的名称. 我在 FormControl 上找不到任何公开输入字段名称的方法或公共属性.当然,很简单就能看出它的价值.下面显示了我想如
..
我有一个 angular 2 表单,其中我必须在某些条件下创建一个字段,例如: 描述:['', Validators.required] 只有在某些类型的条件下才需要此描述字段,例如: if(true){descReq = true}; 我怎样才能做到这一点,请提出建议.提前致谢! 解决方案 您可以根据表单上另一个控件的值添加或删除验证器: testForm: FormGrou
..
我想在 ngOninit 中访问特定的 json.所以我点击编辑按钮时有 id,在该 id 的帮助下,我从数据库中获取完整的对象,如表单名称、表单 json 等.因此,我想从服务中将该 json 返回给 ngOninit. 这里是服务. GetFormById (id: number) {返回 this.httpClient.get(this.API_URL +"GetFormTempl
..
当然,我正在使用 angular 4.0.2、angularfire2 和 firebase 创建一个应用程序.问题是我无法使用来自 angularfire2 的数据并将其设置为模型驱动或反应形式中使用的输入的默认输入值.这是我的 add-invoice.component.ts 代码 ngOnInit(){const datafetch = firebase.database().ref().
..
我是 Angular2 的新手,我想集成链接登录功能并为我的 Angular2 项目获取当前登录的用户信息. 我已经使用linkedin 开发者帐户创建了应用程序并且有客户ID和客户密码并尝试了下面的代码,但它给了我错误 ZoneAwareError {__zone_symbol__error: 错误:您必须指定有效的 JavaScript API 域作为此密钥配置的一部分.在 ht…
..
^1.0.0-beta.11-webpack"现在使用 core-js 进行 polyfill. 我正在尝试导入地图以在我的应用程序中使用 从'core-js/es6/map'导入{Map}//从'core-js/library/es6/map'导入{Map}导出函数 updatePayload(data: any, isDataValid: boolean): Map{const 有效载
..
皮棉错误消息: src/app/detail/edit/edit.component.ts[111, 5]: for (... in ...)语句必须用 if 语句过滤 代码片段(这是一个工作代码.它也可以在 angular.io 表单验证部分): for(this.formErrors 中的const 字段){//清除之前的错误信息(如果有的话)this.formErrors[fi
..
我想在 ngOninit 中访问特定的 json.所以我点击编辑按钮时有 id,在该 id 的帮助下,我从数据库中获取完整的对象,如表单名称、表单 json 等.因此,我想从服务中将该 json 返回给 ngOninit. 这里是服务. GetFormById (id: number) {返回 this.httpClient.get(this.API_URL +"GetFormTempl
..
我在使用 Reactive Forms 和创建自定义选择组件时遇到了麻烦. 我需要创建一些自定义选择组件. 我在 Stackoverflow 上查看了多个答案,其中涉及提供“ControlValueAccessor"的实现.那些看起来可以工作,但对于我需要的东西来说非常重量级. 我也尝试过扩展“SelectControlValueAccessor",但这似乎不是一件很常见的事情.
..
我有以下代码
..
我创建了一个自定义输入控件.我不想创建任何自定义验证.我想使用默认的必需、minLength、maxLength 等.我知道我可以这样做 this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]); 但我无法从父组件发送表单引用.如何在文本框组件中使用 se
..
Angular - 以编程方式提交表单. 我在 HTML 上有一个表单组,我希望组件通过 post 方法中的电子邮件字段提交表单的操作.而不是使用普通的提交按钮. 下面的 testMethod 被另一个按钮调用.在这种方法中,我想发布testForm.它必须以老派的方式发布,因为它需要采取行动. 这是我的 HTML:
..
如何将布尔值从父 component.ts 更改为子 component.ts想使用 ngif 显示和隐藏登录和注销选项但不起作用.我不知道如何在两个组件之间设置和共享布尔值.我正在使用 templateUrl. app.component.ts: 导出类 AppComponent {公共是有效的:布尔值;构造函数(私有路由器:路由器){}登出(){localStorage.removeI
..
我正在处理一个在 Angular 5 中使用 Material Component 的项目.我确实更新了我的 Visual 代码,但我不知道发生了什么.我面临一个问题“类型 'ElementRef' 不是通用的."我从早上就一直在纠结这个问题. 此行错误 _inputElement: ElementRef;构造函数(toggleGroup:MatButtonToggleGroup,_cha
..