angular2-forms相关内容

如何在角度 4 退出时实现确认?

我想知道如何实现退出时确认组件,以便在页面刷新或离开选项卡或窗口或屏幕时我可以执行退出时确认方法,以便如果用户单击确定他会离开屏幕,点击NO他会留在同一个屏幕上? 我在这里使用的代码是: import { Component, OnInit, Input, Output, HostListener } from '@angular/core';@成分({选择器:'确认退出',templat ..

角度 2/4 倍数下拉

我正在尝试在我的 Angular 应用程序中开发两个下拉菜单.第一个是shop list,另一个是godown list.当我选择一家商店时,它会显示在数据上.但是当我选择仓库时,它不会更改数据.这里我有两个下拉框. 我认为我的问题出在我的打字稿文件(Onselect)中,因为这里我有 2 个下拉菜单(在 html 中我使用了 2 个 Onselect 函数,但在我的 ts 文件中只有一个函 ..

在 Angular 2+ 中对 FormArray 对象进行排序的理想方法是什么?

我有一个由多个表单组组成的 formArray.我需要根据数组中每个表单组中存在的布尔字段对数组进行动态排序. 布尔字段是一个复选框,在任何给定的时间点只能选中一个复选框(模仿单选按钮).因此,当单击复选框时,我需要根据选择的那个对 formArray 进行排序. 我知道文档建议不要弄乱 formArray 中存在的 AbstractControls[],那么动态排序数组的理想方法是什 ..
发布时间:2021-11-09 01:31:04 其他开发

来自 FormGroup 的禁用控件(表单自定义表单控件的一部分)被父级中的 .getRawValue() 排除

有一个实现ControlValueAccessor的组件,带有内部FormGroup来维护自定义表单控件的状态.当任何字段,即 FormGroup 的一部分被禁用时,在父表单中调用 .getRawValue() 方法时该字段不可见. 根据规范,.getRawValue() 应该返回原始对象,包括禁用的字段. 我检查了 .getRawValue() 的代码,这是我发现的: getRa ..

如何从 Angular2 FormControl 对象获取输入字段的名称?

我有一个 Angular 2 应用程序,它使用 ReactiveForms 模块来管理使用自定义验证器的表单.验证器接收一个 FormControl 对象.我有几个输入字段可以使用相同的自定义验证器,前提是我在将 FormControl 传递给验证器时知道该字段的名称. 我在 FormControl 上找不到任何公开输入字段名称的方法或公共属性.当然,很简单就能看出它的价值.下面显示了我想如 ..
发布时间:2021-11-09 01:29:27 其他开发

Angular 2:在某些条件下应用 Validator.required 验证

我有一个 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 ..

导出 firebase 数据并将其设置为模板驱动形式的默认输入

当然,我正在使用 angular 4.0.2、angularfire2 和 firebase 创建一个应用程序.问题是我无法使用来自 angularfire2 的数据并将其设置为模型驱动或反应形式中使用的输入的默认输入值.这是我的 add-invoice.component.ts 代码 ngOnInit(){const datafetch = firebase.database().ref(). ..

使用linkedin登录并在Angular2中获取用户信息

我是 Angular2 的新手,我想集成链接登录功能并为我的 Angular2 项目获取当前登录的用户信息. 我已经使用linkedin 开发者帐户创建了应用程序并且有客户ID和客户密码并尝试了下面的代码,但它给了我错误 ZoneAwareError {__zone_symbol__error: 错误:您必须指定有效的 JavaScript API 域作为此密钥配置的一部分.在 ht… ..

如何以角度将对象从服务返回到组件

我想在 ngOninit 中访问特定的 json.所以我点击编辑按钮时有 id,在该 id 的帮助下,我从数据库中获取完整的对象,如表单名称、表单 json 等.因此,我想从服务中将该 json 返回给 ngOninit. 这里是服务. GetFormById (id: number) {返回 this.httpClient.get(this.API_URL +"GetFormTempl ..

Angular2:自定义选择组件和反应式表单

我在使用 Reactive Forms 和创建自定义选择组件时遇到了麻烦. 我需要创建一些自定义选择组件. 我在 Stackoverflow 上查看了多个答案,其中涉及提供“ControlValueAccessor"的实现.那些看起来可以工作,但对于我需要的东西来说非常重量级. 我也尝试过扩展“SelectControlValueAccessor",但这似乎不是一件很常见的事情. ..
发布时间:2021-11-08 22:49:47 其他开发

自定义控件中的 setValidators 没有来自 Angular 中的引用

我创建了一个自定义输入控件.我不想创建任何自定义验证.我想使用默认的必需、minLength、maxLength 等.我知道我可以这样做 this.form.controls["firstName"].setValidators([Validators.minLength(1), Validators.maxLength(30)]); 但我无法从父组件发送表单引用.如何在文本框组件中使用 se ..

Angular - 以编程方式提交表单

Angular - 以编程方式提交表单. 我在 HTML 上有一个表单组,我希望组件通过 post 方法中的电子邮件字段提交表单的操作.而不是使用普通的提交按钮. 下面的 testMethod 被另一个按钮调用.在这种方法中,我想发布testForm.它必须以老派的方式发布,因为它需要采取行动. 这是我的 HTML: ..
发布时间:2021-11-08 22:38:22 其他开发

在 angular 4 中的一个组件与另一个组件之间共享数据

如何将布尔值从父 component.ts 更改为子 component.ts想使用 ngif 显示和隐藏登录和注销选项但不起作用.我不知道如何在两个组件之间设置和共享布尔值.我正在使用 templateUrl. app.component.ts: 导出类 AppComponent {公共是有效的:布尔值;构造函数(私有路由器:路由器){}登出(){localStorage.removeI ..
发布时间:2021-11-08 22:37:00 其他开发