-
0 votesanswersviews
为什么我的组件的html在成功路由到它后没有显示?
我正在开发一个Angular 2应用程序,我制作了一个路由器来浏览应用程序 . 虽然它会成功转到正确的URL,但它实际上不会呈现除AppComponent之外的任何组件的html . route.module.ts import { DashboardComponent } from './dashboard/dashboard.component'; import { LoginComponen... -
1 votesanswersviews
从Swagger API规范生成Angular2表单
我正在寻找一种从Swagger API定义文件生成一组Angular2表单模板的方法 . 我想要一个结果,允许我测试我的POST / PUT请求,甚至在我的应用程序中使用它 . 经过一些研究后,我发现这个Angular2表单库采用JSON模式作为输入:https://github.com/makinacorpus/angular2-schema-form 所以如果你知道一个Swagger - &... -
2 votesanswersviews
Angular 4多个自定义值访问器
这个问题涉及到被问到的问题here,但尚未得到答复 . 我正在使用Angular 4.2来运行带有Kendo UI For Angular的POC . 与上述问题的作者相同,我需要更改模型中的日期格式,为此我创建了一个使用 ControlValueAccessor 的自定义属性指令“formatDate” . 而且我已经习惯了 multi: true 选项以及指令中的选项 . 目前的代码看起来像... -
15 votesanswersviews
错误:formControlName必须与父formGroup指令一起使用 . 您需要添加一个formGroup指令 - Angular反应形式
我有以下模板 . 我正试图掌握反应形式,但我遇到了问题 . <form [formGroup]="guestForm" novalidate> <div class="panel-body"> <form> <div class="col-md-12 col-... -
2 votesanswersviews
Angular2嵌套formGroups - formArrays和模板绑定
这是问题所在: 我有一个带有嵌套表单组的复杂表单,这里是一个“简化”的结构: -> MyForm (formGroup) -> Whatever01 (formControl - input) -> Whatever02 (formControl - input) -> WhateverGroup01 (formGroup) ->... -
2 votesanswersviews
formControlName必须与父formGroup指令一起使用
在创建模型驱动表单时,我收到错误: Error: formControlName must be used with a parent formGroup directive. You'll want to add a formGroup directive and pass it an existing FormGroup instance (you can create one in your... -
6 votesanswersviews
如何使用当前的Form API将父组件的FormGroup传递给其子组件
我想将父组件的FormGroup传递给它的子组件,以便使用子组件显示错误消息 鉴于以下父母 parent.cmponent.ts import { Component, OnInit } from '@angular/core' import { REACTIVE_FORM_DIRECTIVES, AbstractControl, FormBuilder, FormControl, ... -
0 votesanswersviews
Angular 2 - 由JQuery代码设置的Form元素值未与其他手动输入的表单数据一起提交
我设计了一个角度2应用程序,允许用户通过填写html表单来创建新的配方 . 如果用户手动在表单中输入值,则单击提交按钮时,所有这些值都将传递给我的服务代码 . 问题是我有一个表单元素,在按下提交按钮之前由JQuery脚本更新,但是当单击提交按钮然后查看提交的表单数据的内容时,此表单元素没有任何 Value . 我真的不明白为什么,因为我可以在屏幕上看到表格中的值 . 如果我手动在此表单元素中输入... -
58 votesanswersviews
选择基于Angular2中的枚举
我有这个枚举(我正在使用TypeScript): export enum CountryCodeEnum { France = 1, Belgium = 2 } 我想在我的表单中构建一个select,每个选项的枚举整数值为value,枚举文本为label,如下所示: <select> <option value="1">Fra... -
1 votesanswersviews
如何为自动保存反应式Angular 2表单创建验证 .
我需要有关如何创建自动保存反应式Angular 2表单的建议 . 基本上用户输入值,如果验证了值,则表单自动保存 . 这是代码 export class BusinessFoundationsPage { businessFoundationsForm: FormGroup; userId: string; YouTuber: YouTuber; ... -
0 votesanswersviews
router-link工作不正常?
我正在开发角度2 web应用程序我是角度2的新手 . 我有一个问题“路由器链接”它无法正常工作 . 我创建了路由器文件,我还添加了组件文件的路径 . 下面是我的代码:这是路由器文件代码,我在互联网上也试过但没有用 . 在哪个文件面临问题请帮帮忙 . router.ts: import { Routes, RouterModule } from '@angular/router'; import {... -
9 votesanswersviews
设置ngModel默认值angular 2
在角度为2的ngModel中遇到问题 . 有一项任务是从组件类中的数组输出几个输入 . 发现了一种可能使ngModel从[name]属性中获取其值而不包含[()]中的ngModel . 我想知道是否有办法为这些输入提供默认值 . personal-details.component.ts: import { Component, } from '@angular/core'; impor... -
0 votesanswersviews
Angular:添加更多按钮
我有一张表格 . 有一个添加更多按钮每次我点击添加更多,我将一个类的新实例推送到一个数组 . 我还有一个删除行功能,负责从数组中删除添加的项目 . 然后我在数组上有一个ngFor循环,它可以正常工作,但如果我添加3行然后尝试删除第一行然后单击添加更多按钮,那么第二行和第三行的数据将变为空,但它们仍然存在于他们的模型中 . ( ngModel ) <form #manageEmailsFo... -
3 votesanswersviews
如何设置Angular 2 Reactive Select的初始值
我有一个选择列表,我想要初始化从服务器返回的保存值 . 但无论我尝试什么,我都无法使用所选的值 . 我正在使用Angular 2.2.0 和 Reactive Forms . Here is list of values for the select list. private categoryList: ICategory[] = [ new Category({ id: 1, na... -
7 votesanswersviews
角度绑定对象,使用ngModels从组件到视图的数组
我试图在我的视图上绑定我的模型,但是当我提交表单时我遇到了问题:我没有数组,但有很多属性 . 零件 : export class QuizFormAddQuestionComponent implements OnInit { public question: Question; constructor() { this.question = new Questi... -
4 votesanswersviews
Angular2,ngModel和Forms:列表无法正确显示
我正确显示:它's always the last item of the array which is displayed. If i use mustache syntax to display the array outside inputs, it'确定 . 如果我删除表单和控件,它没关系 . 你可以在这里测试一下:plunker . 这是代码: @Component({ select... -
2 votesanswersviews
使用输入键按下Angular 2,将焦点集中在下一个输入字段上
我是角度2的新手 . 如何将焦点移动到Angular 2中的键输入的下一个控件 . 我implement this code但是如何不正常工作 . 请建议我如何做到这一点 . 谢谢 我的组件代码 import { Component,Injectable,Inject,OnInit, OnDestroy, EventEmitter, Output, Directive, ElementRef, H... -
5 votesanswersviews
在聚焦之前,离子输入不会更新
我有一个表格连接到 NgModel 模型,如下所示: <form #orderForm="ngForm" (ngSubmit)="onSubmit(orderForm)"> <ion-list class="contact_view"> <ion-item> <ion-labe... -
2 votesanswersviews
如何将表单控件添加到现有表单组 - angular2
我有一个在ngOninit中构建的表单组,但是稍后当单击其中一个控件时,我想根据从ngOninit中的另一个API获取的值向现有表单组添加更多控件 . 下图显示了实际要求 . 当我点击其他角色时,我想展示我从API获得的其他角色控件 . 因为我是angular2的新手,有谁可以帮我摆脱这个问题? -
0 votesanswersviews
以角度2访问模板变量className属性
我有以下形式的名称输入字段 . 我试图在该领域进行验证 . 当我打印name.className值时,它会打印ng-valid,ng-pristine和其他类 . 我想使用* ngIf来显示错误消息,但它无法正常工作 . 我尝试了* ngIf =“name.ng-invalid”,但它无效 . 有人能说出这里有什么不对吗? <form class="form-horizontal ... -
0 votesanswersviews
Angular2模型从不接收ngSubmit驱动
在Angular2中创建我的第一个模型驱动表单 . 尝试提交表单时遇到问题 . 似乎ngSubmit不是't firing. Here is the tutorial I' m以下:https://scotch.io/tutorials/using-angular-2s-model-driven-forms-with-formgroup-and-formcontrol . 这是我的视图模板: &l... -
1 votesanswersviews
如何验证子组件NgForms与Angular4中的父组件有3个不同的NgForm
我有一个场景,我在父窗体#parentform中访问两个不同的NgForms,在子组件#childForm&#childForm1中访问其他NgForms,我想检查子窗体的控件的有效性是否在父组件形式中有效 . 如何在angular4中执行此操作 . 我也关注了这个链接:Check if a form is valid from a parent component using Angular 4... -
1 votesanswersviews
Angular 2表单构建器模板
我正在尝试在我的HTML模板中表示一个表单生成器: this.form = fb.group({ HTTPMethod: [], processes: fb.group({ Process: fb.group({ id: [] }) }) 对于HTTPMethod,我这样做: <div ... -
12 votesanswersviews
如何将输入值转换为角度2的大写(传递给ngControl的值)
我试图使用角度为2的ngControl值来验证输入字段 . 我需要验证用户始终以大写形式输入值 . 现在我们需要将用户输入的值转换为大写 . 但是我使用ngControl处理输入字段中的值,而不是ngModel(考虑到我可以使用ngModelChange事件将值更新为大写 . ) 那么转换ngControl使用的值的最佳和低成本方法是什么? -
19 votesanswersviews
angular2 Observable属性'debouceTime'在类型'Observable<any>'上不存在
我使用 "angular2 webpack" 和 "angular2/form,Observable" ,但遇到错误,需要帮助.. 有一个自定义表单验证器 - import {Observable} from 'rxjs/Rx'; import {REACTIVE_FORM_DIRECTIVES,FormControl, FormGroup, Validat... -
0 votesanswersviews
反应形式:改变对隐形物品的检测
在下面的插件中,我得到一个更改检测错误: 检查后表情发生了变化 . 上一个值:'true' . 当前 Value :'假' http://plnkr.co/edit/pyA3fEMO4QmeWz9PUaqx?p=preview 它是一个简单的表单向导,有3页使用Angular 2 RC4反应形式 . 关键是表单上当前不可见的字段(在本例中为第2页)是从HTTP请求异步修改的 . 显示包含该字段... -
15 votesanswersviews
如何在Angular2中对FormControl进行单元测试
我正在测试的方法如下: /** * Update properties when the applicant changes the payment term value. * @return {Mixed} - Either an Array where the first index is a boolean indicating * that selectedPaym... -
0 votesanswersviews
Angular2形式的嵌套组?
我正在使用Angular 2中的反应形式模块来创建具有多个嵌套组的表单 . 我的“信任”表单中有一系列联系人 <FormArray>this.newTrustForm.controls['contact'] “联系”组中的一个字段是“电子邮件”组的数组,我尝试在此处找到它,但是,唉,不 . 那么我会在哪里找到它? <FormArray>this.newTrustForm.... -
4 votesanswersviews
Angular 2 - 无法设置表单数组值
我收到此错误: 此阵列尚未注册表单控件 . 如果您正在使用ngModel,则可能需要检查下一个刻度(例如,使用setTimeout) . 使用此代码时: public settingsForm: FormGroup = this.fb.group({ collaborators: this.fb.array([]), rsvp: this.fb.group({ latestDa... -
5 votesanswersviews
如何使用嵌套表单组验证活动表单?
我正在创建一个嵌套的表单组,如https://plnkr.co/edit/c93yFe2r83cvjiRvl6Uj?p=preview所示 . 这是https://angular.io/docs/ts/latest/cookbook/form-validation.html#!#reactive的示例分支 当表单没有任何嵌套组时,Angular中的示例显示使用 validationMessages...