<\/div>\n
Merhaba,<\/p>\n
Bu i\u00e7eri\u011fimizde router navigation \u00f6zelli\u011fiyle ilgili bilgileri depolamak i\u00e7in kullanabilece\u011fimiz, Angular 17.1 ile gelmi\u015f olan info<\/code> parametresini inceliyor olaca\u011f\u0131z.<\/p>\n
info parametresinin kullan\u0131m\u0131 y\u00f6nlendirici linkler \u00fczerine a\u015fa\u011f\u0131daki gibi olduk\u00e7a basittir;<\/p>\n
\n\r\n  <a routerLink="child-1" [info]="{pageTitle:'Child 1'}">Child 1<\/a>\r\n  <a routerLink="child-2" [info]="{pageTitle:'Child 2'}">Child 2<\/a>\r\n<\/pre>\n<\/div>\nBu \u015fekilde info parametresiyle ta\u015f\u0131nan verileri elde etmek i\u00e7in router nesnesinin event’ine a\u015fa\u011f\u0131daki gibi subscribe olunmas\u0131 yeterli olacakt\u0131r.<\/p>\n
\n\r\nexport class AppComponent {\r\n  constructor(private router: Router) { }\r\n  ngOnInit(): void {\r\n    this.router.events\r\n      .pipe(filter(e => e instanceof NavigationEnd))\r\n      .subscribe(info => console.log(this.router.getCurrentNavigation()?.extras.info));\r\n  }\r\n}\r\n<\/pre>\n<\/div>\n<\/a>G\u00f6r\u00fcld\u00fc\u011f\u00fc \u00fczere info parametresine eklenen de\u011fere NavigationExtras<\/code> objesinin bir par\u00e7as\u0131 olarak eri\u015filebilmektedir.<\/p>\n
Ayr\u0131ca unutulmamal\u0131d\u0131r ki, info parametresine verilen de\u011fer taray\u0131c\u0131 ge\u00e7mi\u015finde kal\u0131c\u0131l\u0131k g\u00f6stermemekte, ileri-geri d\u00fc\u011fmelerine bas\u0131ld\u0131\u011f\u0131 taktirde URL’e yans\u0131t\u0131lmamaktad\u0131r. Yani anlayaca\u011f\u0131n\u0131z info parametresi \u00fczerinden kullan\u0131lan de\u011ferler, belirli durumlarda kullan\u0131lmak istenebilecek ge\u00e7ici bilgilerdir diyebiliriz.<\/p>\n
\u0130lgilenenlerin faydalanmas\u0131 dile\u011fiyle…
\nSonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere…
\n\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n","protected":false},"excerpt":{"rendered":"
Merhaba, Bu i\u00e7eri\u011fimizde router navigation \u00f6zelli\u011fiyle ilgili bilgileri depolamak i\u00e7in kullanabilece\u011fimiz, Angular 17.1 ile gelmi\u015f olan info parametresini inceliyor olaca\u011f\u0131z. info parametresinin kullan\u0131m\u0131 y\u00f6nlendirici linkler \u00fczerine a\u015fa\u011f\u0131daki gibi olduk\u00e7a basittir; <a routerLink="child-1" [info]="{pageTitle:’Child 1′}">Child...<\/p>\n","protected":false},"author":1,"featured_media":26698,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5011],"tags":[4960,5013,5015,5014],"class_list":["post-26891","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular-17-1","tag-angular-17","tag-angular-17-1","tag-angular-17-1-info-parameter","tag-info-parameters"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/26891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=26891"}],"version-history":[{"count":3,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/26891\/revisions"}],"predecessor-version":[{"id":26895,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/26891\/revisions\/26895"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/26698"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=26891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=26891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=26891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}