Angular တွင် URL တိကျတဲ့ ကိုက်ညီမှု

အမှန်စင်စစ် routerLinkActive attribute သည် URL ကို တိကျတဲ့ ကိုက်ညီမှုအတွက် မဟုတ်ဘဲ တစိတ်တပိုင်း ကိုက်ညီမှုအတွက် စစ်ဆေးပါသည်။ ဥပမာအနေနှင့် ကျွန်ုပ်တို့၏ လင့်ခ်များကို ဤသို့မြင်ယောင်ကြည့်ပါ။

app/app.component.html<nav>
  <a
    routerLink="/blog/"
    routerLinkActive="active"
  >
    Aaaa
  </a>
  <a
    routerLink="/blog/page/"
    routerLinkActive="active"
  >
    Bbbb
  </a>
</nav>

ဤသို့ဆိုလျှင်၊ ကျွန်ုပ်တို့သည် URL /blog/page/ တွင် ရှိနေပါက လင့်ခ်နှစ်ခုလုံးကို စတိုင်ထည့်သွင်းမည်ဖြစ်သည်။

လင့်ခ်လိပ်စာများ၏ တိကျတဲ့ ကိုက်ညီမှုကို စစ်ဆေးရန် routerLinkActiveOptions attribute ကို အသုံးပြု၍ ဖြစ်မြောက်စေနိုင်သည်။ မည်သို့အသုံးပြုရမည်ကို ကြည့်ရှုပါ။

app/app.component.html<nav>
  <a
    routerLink="/blog/"
    routerLinkActive="active"
    [routerLinkActiveOptions]="{exact:true}">
      Aaaa
  </a>
  <a
    routerLink="/blog/page/"
    routerLinkActive="active"
    [routerLinkActiveOptions]="{exact:true}">
      Aaaa
  </a>
</nav>