angular2-forms相关内容

使用 FormBuilder Angular 2 绑定选择列表

在 Angular 2 中,创建一个简单的应用程序,但是当 formBuilder 在选择列表的情况下附加了 DOM 控件时,第一个选项变为空白 - 即使我在 formBuilder 中提供了一些初始值,该值不会出现在 DOM 元素中 > 在 FomBuilder 之前 选择列表 一般 LDAP 在 FomBuilder 之后 选择列表 最初没有出现选项 一般 LD ..
发布时间:2021-11-08 22:22:37 其他开发

Angular2:没有 String 的提供者!(child -> String) in [Array in parent

当我单击添加按钮以使用输入将数据从父级发送到子级时,我正在 angular2 中构建基本的 Todo 应用程序我得到 No provider for string!(child->string),并且没有显示数据,只显示子类的按钮,是什么意思 这里是父组件: @Component({选择器:'父组件',指令:[子],模板:` 待办事项应用 ..

如何将 trix-editor 集成到 angular 2 应用程序中?

我正在尝试为我的 angular 应用程序使用 trix 编辑器.但是,我没有获得任何资源/npm 包来在 angular 2 应用程序中安装 trix 编辑器.你能帮我提供资源/步骤吗? 解决方案 我也找不到任何适用于 angular2+ 的方案.只需设置即可. angular.json 在下面添加 “样式":[“node_modules/trix/dist/trix.css" ..
发布时间:2021-11-08 22:22:25 其他开发

在“FormGroup"中预填充输入字段 - Angular2

我正在使用 Angular2 - 反应式表单.一切正常,直到我想在表单中的一个字段中显示预先填充的值. 场景:一个页面上有多个按钮,每个按钮打开一个表单,其中的字段为 姓名 电子邮件 留言 产品代码 --> 应根据服务中的项目代码预先填充此值. 失败场景:产品代码输入值变为空. TS 代码: import { FormGroup, FormBuilder, Vali ..
发布时间:2021-11-08 22:22:22 其他开发

Angular 2/4:如何在动态创建的组件上添加表单控件?

我正在尝试使用 ComponentFactoryResolver 创建一个响应式表单. 我想在该表单中添加的所有组件都是特定的,并实现 ControlValueAccessor 接口. 所以,我的问题很简单:如何在使用 ComponentFactoryResolver 动态创建的组件上添加表单控件,而不修改我的组件? 目前,我的代码如下: component: Componen ..
发布时间:2021-11-08 22:21:05 其他开发

如何使用angular2 Reactive表单构建嵌套数组?

我有一个像[{“权限角色模块":{“身份证":1,"legend":"businessModule",“团体":[{“权限角色组":{“身份证":1,“允许":{"controleType":"ff",“身份证":2,"key":"创建业务"},“角色":[{“身份证":1,“姓名":“自己"},{“身份证":2,“姓名":“其他"}]}},{“权限角色组":{“身份证":1,“允许":{"con ..

ng-reflect-model 显示正确的值但未反映在输入中

遇到了一个非常奇怪的问题,即我的应用程序在一个非常特定的用户案例中行为不端.我有一个门户,用户可以在其中添加问题和答案,然后对其进行编辑.在这种情况下,当我删除一个 set(q+a) 然后尝试添加它时,模型正在更新,但我的视图从占位符中获取值并更新自身.这里我只是拼接和推送数组中的值并使用 ngFor 进行渲染.最后一个元素是一个虚拟元素,用于输入向上推的值. 如果有任何意义,请附上屏幕截图 ..
发布时间:2021-11-08 22:19:18 其他开发

Angular 2+ - 当 ngIf 导致隐藏时将 ngModel 设置为 null

我有一个类似于 在 angular2 中重置 ngIf 上的 ngModel 值的问题 每当父 *ngIf 导致该元素被隐藏时,我想将任何 ngModel 值设置为 null. 如果我的情况很简单,我就不会问这个了.如果是这种情况,那么我只需重置 *ngIf 值的更改,但由于我的表单具有多个级别的 *ngIf 嵌套并且多个 *ngIf 会导致某些元素显示/隐藏,我想使用某种指令来完成重 ..

Angular 2 错误 - 没有带有“exportAs"的指令;设置为“ngModel"带有 RC4 版本

我在我的应用程序中使用了 angular 2 表单,并且我已经根据给定的链接创建了表单. https://angular.io/docs/ts/latest/guide/forms.html 为了验证和使用表单 API,我设置了 ngModel 值,例如 #name="id" #id="ngModel" 并抛出脚本错误.但是如果我将 #id="ngModel" 设置为 #id="ngF ..

如何以角度 2 分割字符串

我有一个电子邮件发送场景,其中有一个“收件人"(您要向谁发送消息)的输入框. app.html 现在我希望当用户在输入框中输入多个 emailId 时以逗号分隔,然后在我的模型中,'Tos' 值应该绑定在一个字符串数组中.喜欢: ["abc@gmail,com" , "xyz@gmail.com"]. 现在,请告诉我如何根据我的要求拆分输入框值. 解决方案 需要使用sp ..
发布时间:2021-11-08 22:17:16 其他开发

如何将 Angular 2 RC 1(或更早版本)表单迁移到 Angular 2 RC 2/RC 4 新表单

我需要将我现有的 Angular 2 RC 1 应用程序迁移到 Angular 2 RC 4.作为其中的一部分,我还需要将我现有的表单移动到 Angular 2 RC 4 新表单. 任何人都可以指导如何将现有表单更新为新表单. 解决方案 适用于那些在将表单从 Angular 2 RC 1(或更早版本)迁移到 Angular 2 RC 2/RC 4 New Forms 时遇到问题的人. ..