আমি কৌণিক ব্যবহার করে কীভাবে ডেটা অ্যাট্রিবিউট লিখতে পারি?


229

আমি যখন আমার data attributeমধ্যে এটি ব্যবহার করার চেষ্টা করি তখন template:

<ol class="viewer-nav">
    <li *ngFor="#section of sections" data-value="{{ section.value }}">
        {{ section.text }}
    </li>
</ol>

Angular 2 এর সাথে ক্রাশ:

অব্যাহতি: টেমপ্লেট বিশ্লেষণ ত্রুটি: এটি 'বিভাগীয় মূল্যবোধের' সাথে আবদ্ধ হতে পারে না কারণ এটি একটি পরিচিত নেটিভ সম্পত্তি নয় ("

] ডেটা-বিভাগীয় মূল্য = "{{বিভাগ.ভালিউ}}"> {{বিভাগ.text}}

আমি বাক্যবিন্যাসের সাথে অবশ্যই কিছু অনুভব করছি, দয়া করে সহায়তা করুন।

উত্তর:


471

পরিবর্তে অ্যাট্রিবিউট বাইন্ডিং সিনট্যাক্স ব্যবহার করুন

<ol class="viewer-nav"><li *ngFor="let section of sections" 
    [attr.data-sectionvalue]="section.value">{{ section.text }}</li>  
</ol>

অথবা

<ol class="viewer-nav"><li *ngFor="let section of sections" 
    attr.data-sectionvalue="{{section.value}}">{{ section.text }}</li>  
</ol>

আরো দেখুন :


20
আমি কীভাবে ডেটা অ্যাট্রিবিউটের মানটি অ্যাক্সেস করব?
— শন ডব্লু

4
দয়া করে এমন কিছু কোড সহ একটি নতুন প্রশ্ন তৈরি করুন যা প্রমাণ করে যে আপনি কী অর্জন করতে চান।
— গন্টার জ্যাচবাউয়ার

10
এটি '' এর সাথে বাঁধতে পারে না এর জন্য গুগলস # 1 উত্তর হওয়া উচিত কারণ এটি '' কোয়েরির পরিচিত সম্পত্তি নয় । এই মন্তব্যটি কিছুটা সাহায্য করতে পারে ...
— নেটজাফিন

1
@ নেটজাফিন এটি একটি দরকারী উত্তর তবে আমি বহুবার ত্রুটি বাঁধতে পারি না এবং এটিই প্রথমবারের মতো আসল সমস্যা / সমাধান।
— আন্ডারফ্লো

32

অ্যাক্সেস সম্পর্কে

<ol class="viewer-nav">
    <li *ngFor="let section of sections" 
        [attr.data-sectionvalue]="section.value"
        (click)="get_data($event)">
        {{ section.text }}
    </li>  
</ol>

এবং

get_data(event) {
   console.log(event.target.dataset.sectionvalue)
}
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.