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) হিসেবেও চিহ্নিত করে, তাই বর্তমান পৃষ্ঠা হাইলাইট করতে কোনো বাড়তি স্টেট লাগে না।

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

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