কৌণিক: রুটে ম্যানুয়াল পুনঃনির্দেশ

Question

আমি সম্প্রতি কৌণিক.জেএস 1 এর পরিবর্তে কৌণিক 4 ব্যবহার শুরু করেছি।

আমি কৌনিক 4 এর মূলসূত্রগুলি সম্পর্কে জানতে নায়কদের টিউটোরিয়ালটি অনুসরণ করেছি এবং বর্তমানে আমি "@ কৌণিক / রাউটার" প্যাকেজ থেকে কৌনিকটির নিজস্ব "রাউটারমডুল" ব্যবহার করছি।

আমার অ্যাপ্লিকেশনটির জন্য কিছু অনুমোদন বাস্তবায়নের জন্য আমি কীভাবে ম্যানুয়ালি অন্য কোনও রুটে পুনঃনির্দেশ করতে হবে তা জানতে চাই, ইন্টারনেটে আমি এ সম্পর্কে কোনও দরকারী তথ্য খুঁজে পেতে পারি না বলে মনে হয়।

Answer 1

কৌণিক রাউটিং: ম্যানুয়াল নেভিগেশন

প্রথমে আপনাকে কৌণিক রাউটারটি আমদানি করতে হবে:

import {Router} from "@angular/router"

তারপরে এটি আপনার উপাদান নির্মাত্রে ইনজেক্ট করুন:

constructor(private router: Router) { }

এবং অবশেষে .navigateপদ্ধতিটিকে আপনার যে কোনও জায়গায় "পুনর্নির্দেশ" করার জন্য কল করুন :

this.router.navigate(['/your-path'])

আপনি নিজের রুটে কিছু পরামিতি রাখতে পারেন, যেমন user/5:

this.router.navigate(['/user', 5])

ডকুমেন্টেশন: কৌণিক অফিসিয়াল ডকুমেন্টইন

Answer 2

কৌণিকটি 4 টি বোতামে পুনঃনির্দেশ ইভেন্টের উদাহরণ হিসাবে: অ্যাপ্লিকোম। Html

<input type="button" value="clear" (click)="onSubmit()"/>

এবং home.componant.ts এ

 import {Component} from '@angular/core';
 import {Router} from '@angular/router';

 @Component({
   selector: 'app-root',
   templateUrl: './app.home.html',
 })

 export class HomeComponant {
   title = 'Home';
   constructor(
     private router: Router,
    ) {}

  onSubmit() {
    this.router.navigate(['/doctor'])
 }
 }

Answer 3

আপনার কনস্ট্রাক্টরে আপনার এভাবে রাউটার ইনজেকশন করা উচিত;

constructor(private router: Router) { }

তারপরে আপনি যে কোনও জায়গায় এটি করতে পারেন;

this.router.navigate(['/product-list']);

Comments

এটি অনুমোদনের জন্য যেমন আপনার রাউটার গার্ডের ভিতরে এটি করা উচিত। codecraft.tv/courses/angular/routing/router-guards

— গ্রাহাম ফাউলস

Answer 4

কৌণিক পুনঃ দিকনির্দেশ ম্যানুয়ালি: আমদানি @angular/router, এ উদ্বুদ্ধ constructor()তারপর কল this.router.navigate()।

import {Router} from '@angular/router';
... 
...

constructor(private router: Router) {
  ...
}

onSubmit() {
  ...
  this.router.navigate(['/profile']); 
}

Answer 5

এটা চেষ্টা কর:

constructor(  public router: Router,) {
  this.route.params.subscribe(params => this._onRouteGetParams(params));
}
this.router.navigate(['otherRoute']);

Answer 6

আপনার প্রশ্নের জন্য আপনার যথেষ্ট সঠিক উত্তর থাকতে পারে তবে আপনার আইডিই আপনাকে সতর্কতা দেয়

নেভিগেট থেকে ফিরে প্রতিশ্রুতি উপেক্ষা করা হয়

আপনি হয় সেই সতর্কতাটিকে অগ্রাহ্য করতে পারেন বা ব্যবহার করতে পারেন this.router.navigate(['/your-path']).then()।

Answer 7

घटक.ts ফাইলে ফাংশন ব্যবহার করে অন্য পৃষ্ঠায় পুনর্নির্দেশ করুন

componene.ts:

import {Router} from '@angular/router';
constructor(private router: Router) {}

OnClickFunction()
  {
    this.router.navigate(['/home']);
  }

উপাদান html:

<div class="col-3">                  
<button (click)="OnClickFunction()" class="btn btn-secondary btn-custom mr-3">Button Name</button>
</div>

Answer 8

এই কাজ করা উচিত

import { Router } from "@angular/router"

export class YourClass{

   constructor(private router: Router) { }

   YourFunction() {
      this.router.navigate(['/path']);
   }

}