থাইমালিফের সাথে ডেটা * বৈশিষ্ট্য ব্যবহার করে

Question

আমি কি থাইমালিফের সাথে ডেটা- * অ্যাট্রিবিউট সেট করতে পারি?

আমি থাইমেলিফ ডকুমেন্টেশন থেকে বোঝার পরে আমি চেষ্টা করেছি:

<div th:data-el_id="${element.getId()}"> <!-- doesn't work -->

<div data-th-el_id="${element.getId()}"> <!-- doesn't work -->

Comments

এটি একটি বাগ ছিল, থাইমালিফ 3.0 এর জন্য স্থির । এই প্রশ্নটি কেবলমাত্র পূর্ব সংস্করণে প্রাসঙ্গিক। নতুনদের জন্য th:data-el_idকাজ করবে।

— গবিএম

Answer 1

হ্যাঁ, থাইমালিফ ডকুমেন্টেশনth:attr উদ্ধার - বৈশিষ্ট্যের মান নির্ধারণ করা ।

আপনার দৃশ্যের জন্য, এই কাজটি করা উচিত:

<div th:attr="data-el_id=${element.getId()}">

এক্সএমএল নিয়মগুলি আপনাকে কোনও ট্যাগে দু'বার অ্যাট্রিবিউট সেট করতে দেয় না, সুতরাং আপনার th:attrএকই উপাদানটিতে একাধিক থাকতে পারে না ।

দ্রষ্টব্য: আপনি যদি আরও একটি বৈশিষ্ট্য চান তবে কমা দ্বারা পৃথক বৈশিষ্ট্যগুলি পৃথক করুন:

<div th:attr="data-id=${element.getId()},data-name=${element.getN‌​ame()}"> 

Comments

ভবিষ্যতের পাঠকদের জন্য কেবল একটি নোট, আপনার একের বেশি হতে পারে না: একই উপাদানটিতে th:attr="data-id=${element.getId()},data-name=${element.getName()}"

— অ্যাটর

যদি আপনাকে কোনও স্ট্রিংয়ের অংশ হিসাবে কোনও ভেরিয়েবল অন্তর্ভুক্ত করতে হয় তবে আপনার এটি করতে হবে:th:attr="data-id='some-text'+${element.getId()}+'some-other-text',data-name=${element.getName()}"

— কাবাদিশা

@ অ্যান্টোনিও ওটারোর মন্তব্যটি উত্তরের অংশ হওয়া উচিত।

— ডন চ্যাডল

আমি আশা করি অ্যাট্রিবিউট প্রসেসিং নির্দিষ্ট বৈশিষ্ট্যগুলিতে সীমাবদ্ধ না হয়ে বরং সাধারণভাবে পরিচালিত হবে। কেউ শুনেছেন যে এটি বৈশিষ্ট্য হবে? (আমাকে দোষারোপ করুন, আমি এখনও 3 সংস্করণটি পরীক্ষা করে দেখিনি ;-)

— ডার্ক শুমাচার

Answer 2

অথবা আপনি এই থাইমালিফ উপভাষাটি https://github.com/mxab/thymeleaf-extras-data-attribute ব্যবহার করতে পারেন এবং আপনি সক্ষম হবেন

<div data:el_id="${element.getId()}">

Answer 3

থাইমালিফ 3.0.০ সহ ডিফল্ট অ্যাট্রিবিউট প্রসেসর রয়েছে যা যে কোনও ধরণের কাস্টম বৈশিষ্ট্যের জন্য ব্যবহার করা যেতে পারে, যেমন , হয়ে th:data-el_id=""ওঠে data-el_id="", th:ng-app=""হয়ে যায় ng-app=""ইত্যাদি। প্রিয় ডেটা অ্যাট্রিবিউট ডায়ালিটের আর দরকার নেই।

এই সমাধানটি আমি পছন্দ করি, যদি আমি পরিবর্তে json ব্যবহার করতে চাই তবে :

th:attr="data-foobar='{"foo&quot:'+${bar}+'}'"

আপনি ( আক্ষরিক বিকল্পের সাথে সংমিশ্রণে ) ব্যবহার করতে পারেন :

th:data-foobar='|{"foo":${bar}}|'

আপডেট: আপনি যদি thনেমস্পেসটি পছন্দ না করেন তবে আপনি এইচটিএমএল 5 বন্ধুত্বপূর্ণ বৈশিষ্ট্য এবং উপাদানগুলির নামগুলিও ব্যবহার করতে পারেন data-th-data-foobar=""।

যদি কেউ আগ্রহী হন তবে সম্পর্কিত টেম্পলেট ইঞ্জিন পরীক্ষাগুলি এখানে পাওয়া যাবে: ডিফল্ট অ্যাট্রিবিউট প্রসেসরের জন্য পরীক্ষা