Pertanyaan yang diberi tag «angular2-forms»

SITUASI: Tolong bantu! Saya mencoba membuat apa yang seharusnya menjadi bentuk yang sangat sederhana di aplikasi Angular2 saya, tetapi apa pun itu tidak pernah berhasil. VERSI ANGULAR: 2.0.0 Rc5 sudut KESALAHAN: Can't bind to 'formGroup' since it isn't a known property of 'form' KODE: Pandangan: <form [formGroup]="newTaskForm" (submit)="createNewTask()"> <div class="form-group"> …

806 angular  typescript  angular2-forms 

Pesan kesalahan serat: src / app / detail / edit / edit.component.ts [111, 5]: untuk (... dalam ...) pernyataan harus disaring dengan pernyataan if Cuplikan kode (Ini adalah kode yang berfungsi. Ini juga tersedia di bagian validasi formulir angular.io ): for (const field in this.formErrors) { // clear previous error …

229 angular  angular2-forms  angular-cli  tslint 

Saya terus mendapatkan kesalahan ini saat menggunakan kerangka kerja Angular2-bentuk TypeScript: Tidak ada directivedengan "exportAs" diatur ke "ngForm" Ini kode saya ketergantungan proyek: "dependencies": { "@angular/common": "2.0.0-rc.6", "@angular/compiler": "2.0.0-rc.6", "@angular/core": "2.0.0-rc.6", "@angular/forms": "2.0.0-rc.6", "@angular/http": "2.0.0-rc.6", "@angular/platform-browser": "2.0.0-rc.6", "@angular/platform-browser-dynamic": "2.0.0-rc.6", "@angular/router": "3.0.0-rc.2", "ng2-bootstrap": "^1.1.1", "reflect-metadata": "^0.1.8", "core-js": "^2.4.0", "es6-module-loader": "^0.17.8", "rxjs": …

226 angular  typescript  forms  angular2-forms 

Saya sedang mengerjakan formulir login dan jika pengguna memasukkan kredensial tidak valid kami ingin menandai bidang email dan kata sandi sebagai tidak valid dan menampilkan pesan yang mengatakan login gagal. Bagaimana cara menetapkan bidang ini menjadi tidak valid dari panggilan balik yang dapat diamati? Templat: <form #loginForm="ngForm" (ngSubmit)="login(loginForm)" id="loginForm"> <div …

190 validation  angular  angular2-forms 

Saya mencoba menerapkan Formulir Dinamis dalam Angular 2. Saya telah menambahkan fungsionalitas tambahan seperti Hapus dan Batalkan ke formulir dinamis. Saya telah mengikuti dokumentasi ini: https://angular.io/docs/ts/latest/cookbook/dynamic-form.html Saya telah membuat beberapa perubahan pada kode. Saya mendapatkan kesalahan di sini. Bagaimana cara saya membuat kesalahan ini? Anda dapat menemukan kode lengkap di …

178 forms  angular  angular2-template  angular2-forms 

Saya telah membaca tentang Angular2 Forms API baru dan tampaknya ada dua pendekatan pada formulir, salah satunya adalah formulir yang digerakkan Templat lainnya adalah formulir yang reaktif atau yang digerakkan oleh model. Saya ingin tahu perbedaan praktis antara keduanya, bukan perbedaan dalam sintaks (jelas) tetapi kegunaan praktis dan pendekatan mana …

157 angular  angular2-forms 

Saya tahu bahwa di angular2 saya dapat menonaktifkan tombol dengan [disable]atribut, misalnya: <button [disabled]="!isValid" (click)="onConfirm()">Confirm</button> tetapi dapatkah saya melakukannya dengan menggunakan [ngClass]atau [ngStyle]? Seperti: <button [ngStyle]="{disabled : !isValid}" (click)="onConfirm()">Confirm</button> Terima kasih.

113 html  angular  angular2-template  angular2-forms 

Saya perhatikan bahwa jika saya menonaktifkan kontrol pada bentuk reaktif Angular 2 maka kontrol tidak disertakan dalam form.value. Misalnya, jika saya mendefinisikan formulir saya seperti di bawah ini: this.notelinkingForm = new FormGroup({ Enabled: new FormControl(settings.Enabled, Validators.required), LinkToPreceeding: new FormControl({value: settings.LinkToPreceeding, disabled: !settings.Enabled}, Validators.required), LinkingTolerance: new FormControl({value: settings.LinkingTolerance, disabled: !settings.Enabled}, Validators.required) …

113 angular  angular2-forms 

Saya menggunakan RC4 dan saya mendapatkan kesalahan Tidak ada perintah dengan "exportAs" disetel ke "ngForm" karena template saya: <div class="form-group"> <label for="actionType">Action Type</label> <select ngControl="actionType" ===> #actionType="ngForm" id="actionType" class="form-control" required> <option value=""></option> <option *ngFor="let actionType of actionTypes" value="{{ actionType.label }}"> {{ actionType.label }} </option> </select> </div> boot.ts: import {disableDeprecatedForms, provideForms} …

109 angular  typescript  angular2-forms 

Saya menggunakan Material 2 untuk menambahkan md-raised-button. Saya ingin menerapkan petunjuk ini hanya jika kondisi tertentu menjadi benar. Sebagai contoh: <button md-raised-button="true"></button> Contoh lain: Saya membuat bentuk reaktif dinamis dasar di plunker. Saya menggunakan formArrayNamedirektif bentuk reaktif untuk berbagai kontrol. Saya ingin menerapkan formArrayNamedirektif hanya jika kondisi tertentu menjadi benar, …

109 angular  angular-material  angular2-forms  angular2-directives  angular-material2 

Sepertinya saya tidak bisa memperbaiki kesalahan ini. Saya memiliki bilah pencarian dan ngFor. Saya mencoba memfilter array menggunakan pipa khusus seperti ini: import { Pipe, PipeTransform } from '@angular/core'; import { User } from '../user/user'; @Pipe({ name: 'usersPipe', pure: false }) export class UsersPipe implements PipeTransform { transform(users: User [], …

105 angular  angular2-forms  angular2-pipe 

Diberikan daftar kotak centang yang terikat ke yang sama formControlName, bagaimana saya bisa menghasilkan larik nilai kotak centang yang terikat ke formControl, bukan hanya true/ false? Contoh: <form [formGroup]="checkboxGroup"> <input type="checkbox" id="checkbox-1" value="value-1" formControlName="myValues" /> <input type="checkbox" id="checkbox-2" value="value-2" formControlName="myValues" /> <input type="checkbox" id="checkbox-3" value="value-2" formControlName="myValues" /> </form> checkboxGroup.controls['myValues'].value saat …

105 javascript  angular  checkbox  angular2-forms 

Saya menggunakan ReactiveFormsModuleAngular2 untuk membuat komponen yang berisi formulir. Ini kode saya: foo.component.ts : constructor(fb: FormBuilder) { this.myForm = fb.group({ 'fullname': ['', Validators.required], 'gender': [] }); } foo.component.html (dengan [formControl]): <div class="fields"> <div class="field"> <label>Fullname*</label> <input type="text" [formControl]="myForm.controls.fullname"/> </div> </div> <div class="inline fields"> <label for="gender">Gender</label> <div class="field"> <div class="ui radio …

99 angular  radio-button  angular2-forms  form-control  angular2-formbuilder 

Setelah memutakhirkan ke RC5 kami mulai mendapatkan kesalahan ini: ngModel cannot be used to register form controls with a parent formGroup directive. Try using formGroup's partner directive "formControlName" instead. Example: <div [formGroup]="myGroup"> <input formControlName="firstName"> </div> In your class: this.myGroup = new FormGroup({ firstName: new FormControl() }); Or, if you'd like …

93 angular  angular2-forms  angular2-formbuilder 

Saya mencoba untuk mengulangi formArray di komponen saya tetapi saya mendapatkan kesalahan berikut Error: Cannot find control with unspecified name attribute Berikut adalah tampilan logikanya pada file kelas saya export class AreasFormComponent implements OnInit { public initialState: any; public areasForm: FormGroup; constructor(private fb: FormBuilder) { } private area(): any { …

92 loops  angular  angular2-forms