সুতরাং, আমি আমার অনুশীলনের কাজে কৌনিক 4 নিয়ে কাজ করছি এবং এটি আমার জন্য নতুন। Luckyly পেতে HTML উপাদানগুলি এবং তার মান আমি ব্যবহার করতাম জন্য,
<HTMLInputElement> document.getElementByIdবা
<HTMLSelectElement> document.getElementById
আমি ভাবছি কৌণিক ক্ষেত্রে এর কোনও প্রতিস্থাপন আছে কিনা
উত্তর:
আপনি আপনার ডোম উপাদানটি ব্যবহার করে ট্যাগ করতে পারেন #someTag, তারপরে এটি পান @ViewChild('someTag')।
সম্পূর্ণ উদাহরণ দেখুন:
import {AfterViewInit, Component, ElementRef, ViewChild} from '@angular/core';
@Component({
selector: 'app',
template: `
<div #myDiv>Some text</div>
`,
})
export class AppComponent implements AfterViewInit {
@ViewChild('myDiv') myDiv: ElementRef;
ngAfterViewInit() {
console.log(this.myDiv.nativeElement.innerHTML);
}
}
console.logকিছু পাঠ্য মুদ্রণ করবে ।
আপনি কেবল কনস্ট্রাক্টরের মধ্যে ডকুমেন্ট টোকেন ইনজেক্ট করতে পারেন এবং এটিতে একই ফাংশন ব্যবহার করতে পারেন
import { Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';
@Component({...})
export class AppCmp {
constructor(@Inject(DOCUMENT) document) {
document.getElementById('el');
}
}
বা যদি আপনি যে উপাদানটি পেতে চান তা সেই উপাদানটিতে থাকে তবে আপনি টেম্পলেট রেফারেন্স ব্যবহার করতে পারেন ।
কৌণিক 8 বা উত্তরের জন্য @ ভিউচিল্ডের অপটস নামে একটি অতিরিক্ত প্যারামিটার রয়েছে , যার দুটি বৈশিষ্ট্য রয়েছে: পড়ুন এবং স্থিতিশীল, পঠন is চ্ছিক । আপনি এটি এর মতো ব্যবহার করতে পারেন:
// ...
@ViewChild('mydiv', { static: false }) public mydiv: ElementRef;
constructor() {
// ...
<div #mydiv></div>
দ্রষ্টব্য: স্থায়ী: মিথ্যা 9 টি আর কৌণিক 9 এ আর দরকার নেই (ঠিক { static: true }যখন আপনি এনজিওনইনাইটের মধ্যে সেই পরিবর্তনশীলটি ব্যবহার করতে যাচ্ছেন)
*ngIf। আপনি কীভাবে উপাদান তৈরি করছেন?
element: HTMLElement;
constructor() {}
fakeClick(){
this.element = document.getElementById('ButtonX') as HTMLElement;
this.element.click();
}