angular2-forms

问题 Closed . This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 2 years ago . I have a API endpoint like /list/students?page=5&rows=10 with a pagination parameters page and size . I want to create a angular2 pagination component. Input parameters will be page size In addition, I want to go to specific page and size with arrow buttons. How can I implement this component ? 回答1

问题 I have an odd requirement and was hoping for some help. I need to focus on the first found invalid input of a form after clicking a button (not submit). The form is rather large, and so the screen needs to scroll to the first invalid input. This AngularJS answer would be what I would need, but didn't know if a directive like this would be the way to go in Angular 2: Set focus on first invalid input in AngularJs form What would be the Angular 2 way to do this? Thanks for all the help! 回答1:

问题 I am using ReactiveFormsModule and have defined all my form controls including simple validators such as Validators.required within a const configuration. I wanted to add a custom validator to one of those FormControls. I have currently added the custom validator as a function within this configuration, and it is working fine, but it does not belong here, it really needs to live within my component, but I'm not sure how I can just attach a custom validator manually after the FormBuilder has

问题 I am using ReactiveFormsModule and have defined all my form controls including simple validators such as Validators.required within a const configuration. I wanted to add a custom validator to one of those FormControls. I have currently added the custom validator as a function within this configuration, and it is working fine, but it does not belong here, it really needs to live within my component, but I'm not sure how I can just attach a custom validator manually after the FormBuilder has

问题 I am using ReactiveFormsModule and have defined all my form controls including simple validators such as Validators.required within a const configuration. I wanted to add a custom validator to one of those FormControls. I have currently added the custom validator as a function within this configuration, and it is working fine, but it does not belong here, it really needs to live within my component, but I'm not sure how I can just attach a custom validator manually after the FormBuilder has

问题 I am using ReactiveFormsModule and have defined all my form controls including simple validators such as Validators.required within a const configuration. I wanted to add a custom validator to one of those FormControls. I have currently added the custom validator as a function within this configuration, and it is working fine, but it does not belong here, it really needs to live within my component, but I'm not sure how I can just attach a custom validator manually after the FormBuilder has

问题 I have a form where inputs are bound to object one-way. <input type="text" name="lastName" #lastName="ngModel" [ngModel]="selectedPers.lastName" required minlength="2"> When saving form I read form data and send it to server, then update my model with dummy/empty data to clear it out. this.peopleListObservable.push(newPersonFormData).then(a => { this.clearPers(); }) clearPers() { this.selectedPers = this.dummyPers; this.isPersAdd = true; } This clear-out method is separate and works when I

问题 I'm fairly new to angular2 and for the past few days I have been trying to create reusable form components using model driven forms So lets say we have a component componentA.component.ts @Component({ selector: 'common-a', template: ` <div [formGroup]="_metadataIdentifier"> <div class="form-group"> <label>Common A[1]</label> <div> <input type="text" formControlName="valueA1"> <small>Description 1</small> </div> <div class="form-group"> <label>Common A[2]</label> <div> <input type="text"

问题 I am trying to create an Angular2 Reactive form where I have to confirm the email address entered by the user. Here is a link to the plunker import { Component, OnInit } from '@angular/core'; import { FormControl, FormGroup, Validators } from '@angular/forms'; import { User } from './signup.interface'; @Component({ selector: 'signup-form', template: ` <form novalidate (ngSubmit)="onSubmit(user)" [formGroup]="user"> <label> <span>Full name</span> <input type="text" placeholder="Your full name"

问题 Is it not possible to have form input elements within an ng-content and have that "connect" to the ngForm instance of the parent component? Take this basic template for a parent component: <form (ngSubmit)="onSubmit(editForm)" #editForm="ngForm" novalidate> <ng-content></ng-content> <button type="submit">Submit</button> </form> Then inside the child component, which is put inside "ng-content", something like this: <input type="text" [(ngModel)]="user.firstName" #firstName="ngModel" name=