Angular2 DIRECTIVE এ আবদ্ধ হতে পারে না কারণ এটি উপাদানটির একটি পরিচিত সম্পত্তি নয়




typescript (3)

আপনি যদি নির্দেশকে সংজ্ঞায়িত করতে একটি ভাগ করা মডিউল ব্যবহার করছেন তবে এটি নির্ধারণ করা মডিউল দ্বারা এটি ঘোষিত ও রফতানি করা হয়েছে কিনা তা নিশ্চিত করুন।

// this is the SHARED module, where you're defining directives to use elsewhere
@NgModule({
  imports: [
    CommonModule
  ],
  declarations: [NgIfEmptyDirective, SmartImageDirective],
  exports: [NgIfEmptyDirective, SmartImageDirective]
})

আমি কৌনিক সিএলআই দ্বারা নতুন @ নির্দেশিকা তৈরি করেছি, এটি আমার অ্যাপ্লিকেশন

import { ContenteditableModelDirective } from './directives/contenteditable-model.directive';

import { ChatWindowComponent } from './chat-window/chat-window.component';

@NgModule({
  declarations: [
    AppComponent,
    ContenteditableModelDirective,
    ChatWindowComponent,
    ...
  ],
  imports: [
    ...
  ],
  ...
})

এবং আমি আমার উপাদান (চ্যাট উইন্ডো কম্পোনেন্ট) ব্যবহার করার চেষ্টা করি

<p [appContenteditableModel] >
    Write message
</p>

এমনকি যদি নির্দেশের মধ্যে কেবল কৌনিক সিএলআই উত্পন্ন কোড থাকে:

 import { Directive } from '@angular/core';

 @Directive({
   selector: '[appContenteditableModel]'
 })
 export class ContenteditableModelDirective {

 constructor() { }

 }

আমি ত্রুটি পেয়েছি:

অঞ্চল.js: 388 হাতছাড়া প্রতিশ্রুতি প্রত্যাখ্যান: টেমপ্লেট বিশ্লেষণ ত্রুটি: 'অ্যাপকন্টেনটেটেবলমোডেল' এর সাথে আবদ্ধ হতে পারে না কারণ এটি 'পি' এর পরিচিত সম্পত্তি নয়।

আমি প্রায় প্রতিটি সম্ভাব্য পরিবর্তনের চেষ্টা করেছি, এই কৌনিক ডক্স অনুসরণ করে সবকিছুই কাজ করা উচিত তবে তা কার্যকর হয় না।

কোন সাহায্য?


আমার জন্য app.module.ts মূল app.module.ts ( import , declarations এবং / অথবা exports জন্য রেখাগুলি) থেকে সুনির্দিষ্ট নির্দিষ্ট মডিউল src/subapp/subapp.module.ts আমার উপাদানটির অন্তর্গত src/subapp/subapp.module.ts


সংক্ষেপে, কারণ আপনার নির্দেশটি অ্যাঙ্কর নির্দেশকের মতো দেখাচ্ছে, বন্ধনীগুলি সরিয়ে ফেলুন এবং এটি কার্যকর হবে work

প্রকৃতপক্ষে, যখন বন্ধনীগুলি অপসারণ করা উচিত বা না করা উচিত তার সাথে সম্পর্কিত বিভাগগুলি আমি খুঁজে পাইনি, যেখানে আমি কেবল একটি উল্লেখ খুঁজে পেয়েছি গতিশীল উপাদানগুলির অংশে অবস্থিত:

বর্গাকার বন্ধনী ছাড়াই এটি <ng-template> প্রয়োগ করুন

যা অ্যাট্রিবিউট ডাইরেক্টিভ ডকুমেন্টে পুরোপুরি আচ্ছাদিত নয়।

স্বতঃস্ফূর্তভাবে, আমি আপনার সাথে একমত এবং ভেবেছিলাম যে [appContenteditableModel] appContenteditableModel সমান হওয়া উচিত এবং কৌনিক টেম্পলেট পার্সার এছাড়াও @input() ডেটা বাঁধাই করা আছে বা স্বয়ংক্রিয়ভাবে নেই তা প্রায় কাজ করতে পারে। তবে তারা 7 এর বর্তমান কৌণিক সংস্করণেও হুডের নীচে সমানভাবে প্রক্রিয়াজাত নয় বলে মনে হয়।







directive