আমি একটি কৌণিক উপাদান লিখছি যার একটি সম্পত্তি আছে Mode(): string।
আমি এই সম্পত্তিটি কোনও প্রোগ্রামের প্রতিক্রিয়া হিসাবে না করে প্রোগ্রামটিমেটিকভাবে সেট করতে সক্ষম হতে চাই।
সমস্যাটি হ'ল ব্রাউজার ইভেন্টের অভাবে, একটি টেম্পলেট বাইন্ডিং {{Mode}}আপডেট হয় না।
এই পরিবর্তন সনাক্তকরণটিকে ম্যানুয়ালি ট্রিগার করার কোনও উপায় আছে কি?
উত্তর:
এর মধ্যে একটি ব্যবহার করে দেখুন:
ApplicationRef.tick()- অ্যাঙ্গুলারজেএস এর অনুরূপ $rootScope.$digest()- অর্থাত্ সম্পূর্ণ উপাদান গাছটি পরীক্ষা করুনNgZone.run(callback)- এর অনুরূপ $rootScope.$apply(callback)- যেমন, কৌণিক অঞ্চলের ভিতরে কলব্যাক ফাংশনটি মূল্যায়ন করুন। আমি মনে করি, তবে আমি নিশ্চিত নই, এটি কলব্যাক ফাংশনটি সম্পাদন করার পরে সম্পূর্ণ উপাদান গাছ পরীক্ষা করে শেষ করবে।ChangeDetectorRef.detectChanges()- এর অনুরূপ $scope.$digest()- যেমন কেবলমাত্র এই উপাদান এবং তার শিশুদের পরীক্ষা করুনআপনি উদ্বুদ্ধ করতে পারেন ApplicationRef, NgZoneঅথবা ChangeDetectorRefআপনার উপাদান মধ্যে।
ChangeDetectorRef.detectChanges()। আমার নির্দেশিকা কোনও ইনপুটটির মান আপডেট করতে পারার আগে বৈধতা প্রদানকারীরা গুলি চালিয়ে যাচ্ছিল।
আমি স্বীকৃত উত্তর রেফারেন্স ব্যবহার করেছি এবং একটি উদাহরণ রাখতে চাই, যেহেতু কৌণিক 2 ডকুমেন্টেশন পড়া খুব কঠিন, আমি আশা করি এটি আরও সহজ:
আমদানি NgZone:
import { Component, NgZone } from '@angular/core';
এটি আপনার শ্রেণি নির্মাতার সাথে যুক্ত করুন
constructor(public zone: NgZone, ...args){}
এর সাথে রান কোড zone.run:
this.zone.run(() => this.donations = donations)
zone.runকোডটি কোথায় রাখা উচিত এবং ঠিক কী donations?
আমি মার্কফোরচেক () দিয়ে এটি আপডেট করতে সক্ষম হয়েছি
আমদানি করুনপরিবর্তনকারী
import { ChangeDetectorRef } from '@angular/core';
ইনজেক্ট করুন এবং এটি ইনস্ট্যান্টিয়েট করুন
constructor(private ref: ChangeDetectorRef) {
}
অবশেষে স্থান পরিবর্তন করতে সনাক্তকরণ চিহ্নিত করুন
this.ref.markForCheck();
এখানে একটি উদাহরণ রয়েছে যেখানে মার্কফোর্ড () কাজ করে এবং সনাক্ত করে চেঞ্জস () না করে।
https://plnkr.co/edit/RfJwHqEVJcMU9ku9XNE7?p=preview
সম্পাদনা: এই উদাহরণটি সমস্যাটিকে আর চিত্রিত করে না :( আমি বিশ্বাস করি এটি সম্ভবত এটি একটি নতুন কৌণিক সংস্করণটি চালাচ্ছে যেখানে এটি স্থির হয়েছে।
(এটি আবার চালানোর জন্য স্টপ / আরআন টিপুন)
কৌণিক 2+ এ, @ ইনপুট সাজসজ্জার চেষ্টা করুন
এটি পিতা-মাতার এবং সন্তানের উপাদানগুলির মধ্যে কিছু দুর্দান্ত সম্পত্তি বাধ্যতামূলক করার অনুমতি দেয়।
প্রথমে সন্তানের কাছে স্থান দেওয়া হবে এমন বস্তু / সম্পত্তি ধরে রাখতে পিতা-মাতার মধ্যে একটি বৈশ্বিক পরিবর্তনশীল তৈরি করুন।
পরবর্তী পিতামাতার কাছ থেকে পাস করা বস্তু / সম্পত্তি ধরে রাখতে সন্তানের মধ্যে একটি বৈশ্বিক পরিবর্তনশীল তৈরি করুন।
তারপরে প্যারেন্ট এইচটিএমএল, যেখানে শিশু টেম্পলেট ব্যবহৃত হয়, সেখানে শিশু ভেরিয়েবলের নামের সাথে বর্গক্ষেত্র বন্ধনীর চিহ্ন চিহ্নিত করুন, তারপরে এটি প্যারেন্ট ভেরিয়েবলের নামের সমান সেট করুন। উদাহরণ:
<child-component-template [childVariable] = parentVariable>
</child-component-template>
অবশেষে, যেখানে সন্তানের সম্পত্তি সন্তানের উপাদানগুলিতে সংজ্ঞায়িত করা হয়েছে, ইনপুট ডিকোরিটার যুক্ত করুন:
@Input()
public childVariable: any
যখন আপনার প্যারেন্ট ভেরিয়েবলটি আপডেট হয়, তখন এটি চাইল্ড উপাদানগুলিতে আপডেটগুলি পাস করে, যা এটির এইচটিএমএল আপডেট করবে।
এছাড়াও, সন্তানের উপাদানগুলিতে কোনও ক্রিয়াকলাপ শুরু করতে, এনজিওনচেন্জে একবার দেখুন।