কৌণিক 2 পরীক্ষা: 'এনজি মডেল' এর সাথে আবদ্ধ হতে পারে না কারণ এটি 'ইনপুট' এর পরিচিত সম্পত্তি নয়

Question

আমি কৌণিক 2 নিয়ন্ত্রণের জন্য দ্বি-মুখী বন্ধন পরীক্ষা করার চেষ্টা করছি input। ত্রুটি এখানে:

Can't bind to 'ngModel' since it isn't a known property of 'input'.

App.componal.html

<input id="name" type="text" [(ngModel)]="name" />
<div id="divName">{{name}}</div>

App.componal.ts

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html'  
})
export class AppComponent implements OnInit {
  name: string;    
}

app.componal.spec.ts

import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { AppService } from './app.service';
describe('App: Cli', () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [
        AppComponent
      ],
      providers:[AppService]
    });
  });

  it('divName', async(() => {
    let fixture = TestBed.createComponent(AppComponent);
    let comp = fixture.componentInstance;
    comp.name = 'test';
    fixture.detectChanges();

    let compiled = fixture.debugElement.nativeElement;    
    expect(compiled.querySelector('divName').textContent).toContain('test');
  }));  
});

Answer 1

আপনাকে কনফিগারেশনে আমদানি করতে FormsModuleহবে TestBed।

import { FormsModule } from '@angular/forms';

TestBed.configureTestingModule({
  imports: [ FormsModule ],
  declarations: [
    AppComponent
  ],
  providers:[AppService]
});

আপনি যা করছেন TestBedতা পরীক্ষার পরিবেশের জন্য স্ক্র্যাচ থেকে একটি এনজিএমডিউল কনফিগার করছে। এটি আপনাকে পরীক্ষার জন্য প্রয়োজনীয় অপরিহার্য ভেরিয়েবলগুলি ছাড়াই পরীক্ষার জন্য প্রয়োজনীয় যা যুক্ত করতে দেয় যা পরীক্ষায় প্রভাব ফেলতে পারে।

Comments

এই কৌণিক স্টাফ তাই এলোমেলো মনে হয়। আপনার সাহায্যের জন্য ধন্যবাদ।

— পিট বি।

সম্মত, @ পেটবি। নির্ভরতা ইনজেকশন তাই মহান .... সবকিছু তোমার জন্য স্বয়ংক্রিয়ভাবেই আপনার নেই ... শুধু আত আমদানি এখানে এবং NO_ERROR_SCHEMA এবং পাঠ্য yda ... ভুলে

— আদম হিউজেস

এটি আমার ত্রুটি থেকে মুক্তি পেয়েছে, তবে এটি কর্মে ঝুলছে এবং পরে অন্য উপাদানগুলি তৈরি করা চালিয়ে যায় না। এটি এখন কোনও ত্রুটি ছাড়াই আটকে আছে।

— ব্লকচেইন ডেভেলপার 14 ই

Answer 2

আমার একই সমস্যা ছিল, ফর্ম মডিউল আমদানির পরেও এটি সমাধান হয়নি। সুতরাং আমাকে পাঠ্য ক্ষেত্রের জন্য এনজিমোডেলের বিকল্প ব্যবহার করতে হয়েছিল। দয়া করে এই লিঙ্কটি পরীক্ষা করুন :

সংক্ষেপে আমি এই জাতীয় পাঠ্য ক্ষেত্রের জন্য মডেলটিকে বাঁধতে [মান] ব্যবহার করেছি।

([value])="searchTextValue"

এছাড়াও, আপনি যদি তারিখের ক্ষেত্রটি ব্যবহার করেন তবে আপনাকে মডেলটিকে ts এ আবদ্ধ করতে হবে। এইচটিএমএলে, পদ্ধতিটি কল করুন

 (dateSelect)="onDateSelect($event)"

প্রকারের স্ক্রিপ্টে, নিম্নলিখিত কোডটি ব্যবহার করুন you এটি আপনি কেবল এনজিবিডিট পিকারটি ব্যবহার করলেই প্রযোজ্য।

  onDateSelect(event) {
  let year = event.year;
  let month = event.month <= 9 ? '0' + event.month : event.month;;
  let day = event.day <= 9 ? '0' + event.day : event.day;;
  let finalDate = year + "-" + month + "-" + day;
  this.finalDateVlaue = finalDate;
 }

Comments

এটি আমার অনেক সময় বাঁচিয়েছিল। কৌণিক পরীক্ষার শয্যাগুলিতে এই সবগুলি স্পিকার। আমাকে বাদাম চালাচ্ছে

— চুম্বন-ও-ম্যাটিক