angular मैं अपने घटक के पीछे के क्लिक को कैसे शानदार ढंग से पारित कर सकता हूं?



navigation router (1)

आप 2 घटकों के बीच डेटा संचार करने के लिए रूटर और सक्रिय किए गए रूट का उपयोग कर सकते हैं।

कॉल करने वाला निम्नलिखित करेगा:

import { Component, OnInit } from '@angular/core';
import { Router, NavigationExtras } from "@angular/router";

@Component({
  selector: 'caller-component'
})
export class CallerComponent implements OnInit {

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {

  }

  navigate(){
    //called when a specific link is clicked in the template
    let extraData: NavigationExtras = {
      queryParams: {
        "prop1": "Hello Home!",
        "prop2": "I am back"
      }
    };
    this.router.navigate(['/home'], extraData);

  }

}

उसके बाद अपने घर के घटक को यह जानने की आवश्यकता होगी कि इन मापदंडों को कैसे रोकें:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from "@angular/router";

@Component({
  selector: 'home-component'
})
export class HomeComponent implements OnInit {

  constructor(private route: ActivatedRoute) { }

  ngOnInit() {

    this.route.params.subscribe(params => {
      //Do something here with the values you receive
      console.log(params.prop1);
      console.log(params.prop2);
    });
  }

}

मेरे पास एक साधारण परिदृश्य है

मैं अपने Angular2 app.module config में एक घटक पंजीकृत कर रहा हूँ।

routes = [ 
{ path: "/home", component: HomeComponent, data : { info : "hello world" }];

अब, मैं एक ऐसी पेज पर कॉल करना चाहता हूं जो कुछ स्थितियों के आधार पर अलग-अलग मूल्य के साथ जानकारी के चर संस्करण को भेजना चाहता हूं ताकि मैं बाएं या दायां चेतन कर सकूं? मैंने निम्नलिखित सहित कई चीज़ों की कोशिश की, जिनके लिए मैंने काम किया है।

router.navigate(["/home", {info : "hello again" }]);

आगे निरीक्षण के बाद मैंने पाया कि मार्ग में मौजूद डेटा स्थिर जानकारी के लिए है, जिस प्रकार की मेरी योजनाओं में एक रींच डालता है I पूरे विचार यह है कि जब मैं बैक बटन पर क्लिक करता हूं, तो मैं कुछ डेटा को उन सभी पृष्ठों के लिए क्लिक कर सकता हूं, जो आगे की एनीमेशन का उपयोग करने के लिए पीछे की एनीमेशन का उपयोग करने के लिए ध्वज सेट करता है, जिसमें एक स्लाइड बायीं या सही संक्रमण होता है।

इससे मुझे केवल कुछ ही विचारों के साथ छोड़ दिया जाता है जिसमें कोई भी ऐसा नहीं दिखता है जो अपील करता है। डुप्लिकेट रूट परिभाषाएं, "कोई रास्ता नहीं!" गार्ड प्रत्येक घटक के लिए एक चर पास करने के लिए, "बहुत ज्यादा नहीं जाने वाला क्षेत्र!" अंतिम जो मैं बचने का प्रयास कर रहा था वह एक वैश्विक चर है। मैं किसी भी सुरुचिपूर्ण समाधान को अन्यथा नहीं देखता हूं मुझे यकीन है कि वे वहाँ हैं, लेकिन मुझे लगता है कि फिलहाल अंधे हैं।





router