আলপাইন জেএস

আলপাইন জেএস চিটশিট

কন্ট্রিবিউটর

শেয়ার করুন

প্রিন্ট করুন

Directives

HTML এর একটি ব্লকের জন্য একটি নতুন আলপাইন কম্পোনেন্ট এবং এর ডেটা ঘোষণা করুন
```
x-data
```
একটি উপাদানে গতিশীলভাবে এইচটিএমএল বৈশিষ্ট্য সেট করুন
```
x-bind
```
একটি এলিমেন্টে ব্রাউজার ইভেন্ট লিসেনার
```
x-on
```
একটি উপাদানের পাঠ্য বিষয়বস্তু সেট করুন
```
x-text
```
একটি উপাদানের ভিতরের HTML সেট করুন
```
x-html
```
একটি ইনপুট এলিমেন্টের সাথে এক টুকরো ডেটা সিঙ্ক্রোনাইজ করুন
```
x-model
```
একটি উপাদানের দৃশ্যমানতা টগল করুন
```
x-show
```
সিএসএস ট্রানজিশন ব্যবহার করে একটি উপাদানকে ভিতরে এবং বাইরে স্থানান্তর করুন
```
x-transition
```
একটি ডাটা সেটের উপর ভিত্তি করে HTML এর একটি ব্লক পুনরাবৃত্তি করুন
```
x-for
```
শর্তসাপেক্ষে পৃষ্ঠা থেকে সম্পূর্ণরূপে HTML এর একটি ব্লক যোগ/অপসারণ করুন।
```
x-if
```
একটি উপাদান আলপাইন দ্বারা আরম্ভ করা হলে কোড চালান
```
x-init
```
প্রতিবার তার একটি নির্ভরতা পরিবর্তনের সময় স্ক্রিপ্টটি চালান
```
x-effect
```
$ Refs ম্যাজিক প্রপার্টি ব্যবহার করে সরাসরি তাদের নির্দিষ্ট কী দ্বারা রেফারেন্স উপাদান
```
x-ref
```
এইচটিএমএল এর একটি ব্লক লুকান যতক্ষণ না আলপাইন এর বিষয়বস্তু আরম্ভ করা শেষ হয়
```
x-cloak
```
এইচটিএমএল এর একটি ব্লককে আলপাইন দ্বারা আরম্ভ করা থেকে বিরত রাখুন
```
x-ignore
```
বর্ণনা
```
x-
```
x-id আপনাকে $id() ব্যবহার করে তৈরি করা যেকোনো নতুন আইডির জন্য একটি নতুন "স্কোপ" ঘোষণা করতে দেয়।
```
x-id
```
আলপাইন টেমপ্লেটের অংশ সম্পূর্ণরূপে পৃষ্ঠার DOM-এর অন্য অংশে পরিবহন করতে ব্যবহৃত হয়।
```
x-teleport
```

গ্লোবালস ( Globals )

একটি ডেটা অবজেক্ট পুনরায় ব্যবহার করুন এবং এক্স-ডেটা ব্যবহার করে এটি উল্লেখ করুন
```
Alpine.data
```
গ্লোবাল, রিয়েক্টিভ, ডেটার একটি অংশ ঘোষণা করুন যা $store ব্যবহার করে যে কোন জায়গা থেকে অ্যাক্সেস করা যায়
```
Alpine.store
```
অ্যাপ্লিকেশনের মধ্যে x-bind অবজেক্টগুলিকে পুনরায় ব্যবহার করার একটি উপায় প্রদান করে।
```
Alpine.bind
```

Magic Properties

Alpine.store (...) ব্যবহার করে নিবন্ধিত একটি বৈশ্বিক স্টোরে প্রবেশ করুন
```
$store
```
বর্তমান DOM এলিমেন্ট উল্লেখ করুন
```
$el
```
বর্তমান উপাদান থেকে একটি কাস্টম ব্রাউজার ইভেন্ট প্রেরণ করুন
```
$dispatch
```
এক টুকরো ডেটা দেখুন এবং প্রদত্ত কলব্যাকটি যে কোন সময় পরিবর্তন করুন
```
$watch
```
কী দ্বারা একটি উপাদান উল্লেখ করুন (x-ref ব্যবহার করে নির্দিষ্ট)
```
$refs
```
কিছুটা কোড চালানোর জন্য পরবর্তী 'টিক' (ব্রাউজার পেইন্ট) পর্যন্ত অপেক্ষা করুন
```
$nextTick
```
একটি ম্যাজিক প্রপার্টি যা যেকোনো আলপাইন উপাদানের মূল উপাদান পুনরুদ্ধার করতে ব্যবহার করা যেতে পারে।
```
$root
```
একটি ম্যাজিক প্রপার্টি যা আপনাকে বর্তমান আলপাইন ডেটা স্কোপে অ্যাক্সেস দেয় (সাধারণত x-data দ্বারা সরবরাহ করা হয়)
```
$data
```
একটি ম্যাজিক প্রপার্টি যা একটি এলিমেন্টের আইডি তৈরি করতে ব্যবহার করা যেতে পারে
```
$id
```