คำถามติดแท็ก angular-forms

ฉันกำลังพยายามใช้ส่วนประกอบการเติมข้อความอัตโนมัติของ Angular ในโครงการ Angular 2 ของฉัน ฉันเพิ่มสิ่งต่อไปนี้ในแม่แบบของฉัน <md-input-container> <input mdInput placeholder="Category" [mdAutocomplete]="auto" [formControl]="stateCtrl"> </md-input-container> <md-autocomplete #auto="mdAutocomplete"> <md-option *ngFor="let state of filteredStates | async" [value]="state"> {{ state }} </md-option> </md-autocomplete> ต่อไปนี้เป็นองค์ประกอบของฉัน import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; import {FormControl} from "@angular/forms"; @Component({ templateUrl: './edit_item.component.html', styleUrls: ['./edit_item.component.scss'] }) …

355 angular  typescript  angular-material2  angular-forms 

ฉันใช้ Angular 4 และฉันได้รับข้อผิดพลาดในคอนโซล: ไม่สามารถผูกกับ 'ngModel' ได้เนื่องจากไม่ใช่คุณสมบัติที่รู้จักของ 'อินพุต' ฉันจะแก้ไขปัญหานี้ได้อย่างไร

296 angular  typescript  angular-ngmodel  angular-forms 

ฉันได้รับข้อผิดพลาดนี้จาก Angular 2 core.umd.js: 5995 ข้อยกเว้น: Uncaught (ตามสัญญา): ข้อผิดพลาด: ข้อผิดพลาดในแอป / model_exposure_currencies / model_exposure_currencies.component.html: 57: 18 เกิดจาก: หากใช้ ngModel ในแท็กฟอร์ม ตั้งค่าหรือการควบคุมแบบฟอร์มจะต้องกำหนดเป็น 'แบบสแตนด์อโลน' ใน ngModelOptions Example 1: <input [(ngModel)]="person.firstName" name="first"> Example 2: <input [(ngModel)]="person.firstName" [ngModelOptions]="{standalone: true}"> <td *ngFor="let lag of ce.lags"> <div class="form-group1"> <input name="name" [(ngModel)]="lag.name" [ngModelOptions]="{standalone: true}" class="form-control" pattern="[0-9]*(\.[0-9]+)?" required> …

216 angular  angular-forms 

ฉันกำลังพยายามทำการตรวจสอบความถูกต้องแบบกำหนดเองใน Angular 5 แต่ฉันพบข้อผิดพลาดต่อไปนี้ Expected validator to return Promise or Observable ฉันแค่ต้องการส่งคืนข้อผิดพลาดไปยังแบบฟอร์มหากค่าไม่ตรงกับที่ต้องการนี่คือรหัสของฉัน: นี่คือส่วนประกอบที่เป็นแบบฟอร์มของฉัน constructor(fb: FormBuilder, private cadastroService:CadastroService) { this.signUp = fb.group({ "name": ["", Validators.compose([Validators.required, Validators.minLength(2)])], "email": ["", Validators.compose([Validators.required, Validators.email])], "phone": ["", Validators.compose([Validators.required, Validators.minLength(5)])], "cpf": ["", Validators.required, ValidateCpf] }) } รหัสนี้อยู่ในไฟล์ที่มีการตรวจสอบความถูกต้องที่ฉันต้องการใช้: import { AbstractControl } from '@angular/forms'; export function ValidateCpf(control: AbstractControl){ …

104 javascript  angular  angular5  angular-forms  angular-validation 

ฉันกำลังทำงานกับแอปพลิเคชันส่วนหน้ากับ Angular 5 และฉันจำเป็นต้องซ่อนช่องค้นหาไว้ แต่เมื่อคลิกปุ่มช่องค้นหาควรจะแสดงและโฟกัส ฉันได้ลองสองสามวิธีที่พบใน StackOverflow ด้วยคำสั่งหรือมากกว่านั้น แต่ไม่สามารถทำได้สำเร็จ นี่คือโค้ดตัวอย่าง: @Component({ selector: 'my-app', template: ` <div> <h2>Hello</h2> </div> <button (click) ="showSearch()">Show Search</button> <p></p> <form> <div > <input *ngIf="show" #search type="text" /> </div> </form> `, }) export class App implements AfterViewInit { @ViewChild('search') searchElement: ElementRef; show: false; name:string; constructor() { } …

101 angular  angular5  angular-forms