angular - 'ফর্মকন্ট্রোল'-এ আবদ্ধ হতে পারে না কারণ এটি' ইনপুট'-এর পরিচিত সম্পত্তি নয়-কৌণিক 2 উপাদান স্বয়ংক্রিয়রূপে ইস্যু




typescript angular-material2 (2)

আমি আমার কৌণিক 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 নির্দেশটি খুঁজে পাওয়া যাচ্ছে না।

'ফর্মকন্ট্রোল'-এ আবদ্ধ হতে পারে না কারণ এটি' ইনপুট 'এর পরিচিত সম্পত্তি নয়

এখানে সমস্যা কি?


আপনার টেম্পলেটে নিয়মিত ম্যাট ইনপুট যুক্ত করে শুরু করুন। আসুন ধরে নেওয়া যাক আপনি ইনপুটটির মান ট্র্যাক করতে Reactive FormsModule থেকে নিয়ন্ত্রণ নিয়ন্ত্রণ নির্দেশিকা ব্যবহার করছেন।

প্রতিক্রিয়াশীল ফর্মগুলি ফর্ম ইনপুটগুলি পরিচালনা করার জন্য একটি মডেল-চালিত পদ্ধতির সরবরাহ করে যার মান সময়ের সাথে পরিবর্তিত হয়। এই গাইড আপনাকে কীভাবে একটি সাধারণ ফর্ম নিয়ন্ত্রণ তৈরি এবং আপডেট করতে হবে, একটি গ্রুপে একাধিক নিয়ন্ত্রণ ব্যবহারে অগ্রগতি করতে হবে, ফর্মের মানগুলি যাচাই করতে হবে এবং আরও উন্নত ফর্মগুলি প্রয়োগ করতে পারে।

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

...

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

উদাহরণটি বোঝার চেষ্টা করে ভুলে যান। অন্যরা যেমন বলেছে এটি প্রায়শই অসম্পূর্ণ থাকে।

পরিবর্তে এখানে প্রদত্ত 'পপ-আউট' আইকনে ক্লিক করুন এবং আপনি পুরোপুরি কার্যকর স্ট্যাকব্লিটজ উদাহরণ পাবেন z

আপনি প্রয়োজনীয় মডিউলগুলি দ্রুত নিশ্চিত করতে পারেন:

ReactiveFormsModule কোনও উদাহরণ মন্তব্য করুন, এবং যথেষ্ট পরিমাণে ত্রুটিটি পেয়ে যাবেন:

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






angular-forms