smalljs$molঅনুসন্ধান⌘ Kডকুমেন্টেশনপ্লেগ্রাউন্ডতুলনাইকোসিস্টেমসম্পর্কেBN
রাউটিংGetting Startedপরিচিতিমানসিক মডেলশুরু করাTypeScript থেকে view.treeপ্রকল্পের কাঠামোটুলিংEssentialsইনস্টলেশনভিউস্টেট ও রিয়্যাক্টিভিটিরাউটিংরেন্ডারিংটেস্টিংডিপ্লয়সমস্যা সমাধানDataডেটা ফেচিংডেটা স্কিমাGiper BazaMoreশোকেসReact, Vue ও Svelte থেকেকুকবুকAdvancedপ্লাগইনমডিউল মেটাডেটাঅফলাইনগোস্ট ভিউAboutসাধারণ জিজ্ঞাসাটিমরিলিজAPI$mol_button_major$mol_button_minor$mol_string$mol_number$mol_text$mol_paragraph$mol_list$mol_row$mol_link$mol_check$mol_switch$mol_select$mol_scroll$mol_page$mol_pick

রাউটিং

$mol-এ রাউটিং কোনো আলাদা লাইব্রেরি নয়——URL শুধু রিয়্যাক্টিভ স্টেটের আরেকটি অংশ। এটি পড়ুন, লিখুন, আর ভিউ ঠিক সেভাবেই প্রতিক্রিয়া জানায় যেভাবে তারা যেকোনো সেলে জানায়। ব্যাক বোতাম, ডিপ লিংক ও শেয়ারযোগ্য URL সবই বিনামূল্যে আসে।

স্টেট হিসেবে URL

$mol_state_arg URL প্যারামিটারগুলোকে রিয়্যাক্টিভ মান হিসেবে উন্মুক্ত করে। এর একটিকে একটি প্রপার্টির সঙ্গে বাঁধুন, আর অ্যাড্রেস বার হয়ে ওঠে আপনার সত্যের উৎস:1namespace $.$$ {2 export class $my_app extends $.$my_app {3 @ $mol_mem4 page( next?: string ) {5 return $mol_state_arg.value( 'page', next ) ?? 'home'6 }7 }8}page() পড়লে বর্তমান মান রিটার্ন করে; page('about') কল করলে নেভিগেট করে। যা কিছু page() পড়ে তা পরিবর্তনে পুনরায় রেন্ডার হয়——ব্রাউজারের ব্যাক বোতামসহ, যা আপনার হয়ে সেলটি আপডেট করে।

স্ক্রিন পরিবর্তন

একটি রাউটেড মানকে একটি সাধারণ switch-এর সঙ্গে মিলিয়ে বেছে নিন কী রেন্ডার হবে। যেহেতু ভিউ অলস, আপনি যেসব স্ক্রিন দেখান না সেগুলো কখনো তৈরি হয় না:1@ $mol_mem2body_content() {3 switch ( this.page() ) {4 case 'about': return [ this.About() ]5 case 'docs': return [ this.Docs() ]6 default: return [ this.Home() ]7 }8}

আর্গুমেন্ট সেট করা লিংক

view.tree-এ একটি লিংক ঘোষণামূলকভাবে URL আর্গুমেন্ট সেট করতে পারে——এতে ক্লিক করলে কোনো হ্যান্ডলার ছাড়াই নেভিগেট হয়:1<= About_link $mol_link2 arg *3 page \about4 sub / <= about_label \About$mol_link-এর আর্গুমেন্ট যখন বর্তমান URL-এর সঙ্গে মেলে তখন এটি নিজেকে সক্রিয় (mol_link_current) হিসেবেও চিহ্নিত করে, তাই বর্তমান পৃষ্ঠা হাইলাইট করতে কোনো বাড়তি স্টেট লাগে না।

একাধিক প্যারামিটার

আর্গুমেন্টগুলো স্বাধীন, তাই একটি স্ক্রিন একসঙ্গে একাধিকের ওপর রাউট করতে পারে। এই ডকুমেন্টেশন সাইটটিই section ও page দুটোর ওপর রাউট করে:1<= Guide_link $mol_link2 arg *3 section \docs4 page \viewsপ্রতিটি কী URL-এর মধ্য দিয়ে রাউন্ড-ট্রিপ করে, তাই যেকোনো ভিউ গঠনগতভাবেই শেয়ারযোগ্য ও বুকমার্কযোগ্য। একটি আর্গুমেন্ট সেট করলে বাকিগুলো অক্ষত থাকে, যা ডিপ লিংককে——একটি নির্দিষ্ট সেকশন এবং পৃষ্ঠা এবং অ্যাংকর——শুধু আপনার পছন্দের কী-গুলো সেট করার ব্যাপারে পরিণত করে।
GitHub-এ এই পৃষ্ঠা সম্পাদনা করুনএটি কি সহায়ক ছিল?হ্যাঁনাপূর্ববর্তীস্টেট ও রিয়্যাক্টিভিটিপরবর্তীরেন্ডারিং
এই পৃষ্ঠায়স্টেট হিসেবে URLস্ক্রিন পরিবর্তনআর্গুমেন্ট সেট করা লিংকএকাধিক প্যারামিটারযে স্টেট URL-এ থাকা উচিত নয়পরবর্তী
Type to search the documentation.