angular - यह 'इनपुट' की ज्ञात संपत्ति नहीं होने के कारण 'फॉर्मकंट्रोल' से बंध नहीं सकता-कोणीय 2 सामग्री स्वतः पूर्ण मुद्दा




typescript angular-material2 (2)

अपने टेम्प्लेट में एक नियमित matInput जोड़कर शुरू करें। मान लेते हैं कि आप इनपुट के मान को ट्रैक करने के लिए ReactiveFormsModule से फॉर्मकंट्रोल निर्देश का उपयोग कर रहे हैं।

प्रतिक्रियात्मक रूप एक इनपुट से निपटने के लिए एक मॉडल संचालित दृष्टिकोण प्रदान करते हैं जिनके मूल्य समय के साथ बदलते हैं। यह मार्गदर्शिका आपको दिखाती है कि एक साधारण फ़ॉर्म नियंत्रण कैसे बनाएं और अपडेट करें, एक समूह में कई नियंत्रणों का उपयोग करने के लिए प्रगति करें, प्रपत्र मानों को मान्य करें और अन्य उन्नत रूपों को लागू करें।

import { FormsModule, ReactiveFormsModule } from "@angular/forms"; //this to use ngModule

...

imports: [
    BrowserModule,
    AppRoutingModule,
    HttpModule,
    FormsModule,
    RouterModule,
    ReactiveFormsModule,
    BrowserAnimationsModule,
    MaterialModule],

मैं अपने कोणीय 2 परियोजना में कोणीय सामग्री autocomplete घटक का उपयोग करने की कोशिश कर रहा हूं। मैंने अपने टेम्पलेट के बाद जोड़ा।

<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']
})
export class EditItemComponent implements OnInit {
    stateCtrl: FormControl;
    states = [....some data....];

    constructor(private route: ActivatedRoute, private router: Router) {
        this.stateCtrl = new FormControl();
        this.filteredStates = this.stateCtrl.valueChanges.startWith(null).map(name => this.filterStates(name));
    }
    ngOnInit(): void {
    }
    filterStates(val: string) {
        return val ? this.states.filter((s) => new RegExp(val, 'gi').test(s)) : this.states;
    }
}

मुझे निम्नलिखित त्रुटि मिल रही है। ऐसा लग रहा है कि formControl निर्देश नहीं मिल रहा है।

क्योंकि यह 'इनपुट' की ज्ञात संपत्ति नहीं है

यहाँ क्या मुद्दा है?


उदाहरण .ts को समझने की कोशिश करना भूल जाते हैं - जैसा कि दूसरों ने कहा है कि यह अक्सर अधूरा है।

इसके बजाय बस यहां 'पॉप-आउट' आइकन पर क्लिक करें और आपको पूरी तरह से काम करने वाला StackBlitz उदाहरण मिलेगा

आप आवश्यक मॉड्यूल की जल्दी पुष्टि कर सकते हैं:

ReactiveFormsModule किसी भी उदाहरण पर टिप्पणी करें, और सुनिश्चित करें कि आपको त्रुटि मिलेगी:

Template parse errors:
Can't bind to 'formControl' since it isn't a known property of 'input'. 





angular-forms