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


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.