{"id":1114,"date":"2024-12-15T18:09:56","date_gmt":"2024-12-15T15:09:56","guid":{"rendered":"https:\/\/fuatozer.com\/blog\/?p=1114"},"modified":"2024-12-15T18:09:57","modified_gmt":"2024-12-15T15:09:57","slug":"angular-lifecycle","status":"publish","type":"post","link":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/","title":{"rendered":"Angular Lifecycle Hook&#8217;lar\u0131"},"content":{"rendered":"\n<p>Angular\u2019da ya\u015fam d\u00f6ng\u00fcs\u00fc (lifecycle), bir bile\u015fenin (component) veya y\u00f6nergenin (directive) olu\u015fturulmas\u0131, g\u00fcncellenmesi ve yok edilmesi s\u0131ras\u0131nda tetiklenen bir dizi olay ve y\u00f6ntemi ifade eder. Bu ya\u015fam d\u00f6ng\u00fcs\u00fc, bir bile\u015fenin veya y\u00f6nergenin <strong>belirli bir anda<\/strong> hangi i\u015flemleri ger\u00e7ekle\u015ftirebilece\u011fini kontrol etmenizi sa\u011flar.<\/p>\n\n\n\n<p>Angular\u2019da ya\u015fam d\u00f6ng\u00fcs\u00fc, belirli metodlar\u0131n (lifecycle hooks) tetiklenmesiyle y\u00f6netilir. Bu metodlar Angular taraf\u0131ndan belirli bir s\u0131raya g\u00f6re \u00e7a\u011fr\u0131l\u0131r ve bile\u015fen ya da direktif \u00fczerinde \u00e7e\u015fitli i\u015flemler yapmam\u0131za olanak tan\u0131r.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. <strong><code>ngOnChanges<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: Bir bile\u015fene gelen <code>@Input()<\/code> \u00f6zelli\u011fi de\u011fi\u015fti\u011finde tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u0130lk ba\u015flatma s\u0131ras\u0131nda.<\/li>\n\n\n\n<li><code>@Input<\/code> dekorat\u00f6r\u00fcne sahip de\u011ferler de\u011fi\u015fti\u011finde.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;application\/typescript&quot;,&quot;theme&quot;:&quot;lucario&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;TypeScript&quot;,&quot;language&quot;:&quot;TypeScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;typescript&quot;}\">import { Component, Input, OnChanges, SimpleChanges } from '@angular\/core';\n\n@Component({\n  selector: 'app-child',\n  template: '&lt;p&gt;Child Component&lt;\/p&gt;',\n})\nexport class ChildComponent implements OnChanges {\n  @Input() data: string;\n\n  ngOnChanges(changes: SimpleChanges): void {\n    console.log('Input de\u011fi\u015fti:', changes);\n  }\n}\n<\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">2. <strong><code>ngOnInit<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: Bile\u015fen veya y\u00f6nerge ilk kez ba\u015flat\u0131ld\u0131\u011f\u0131nda tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>\u0130lk olu\u015fturuldu\u011funda, bir kez tetiklenir.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;application\/typescript&quot;,&quot;theme&quot;:&quot;lucario&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;TypeScript&quot;,&quot;language&quot;:&quot;TypeScript&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;typescript&quot;}\">import { Component, OnInit } from '@angular\/core';\n\n@Component({\n  selector: 'app-example',\n  template: '&lt;p&gt;Example Component&lt;\/p&gt;',\n})\nexport class ExampleComponent implements OnInit {\n  ngOnInit(): void {\n    console.log('Component olu\u015fturuldu.');\n  }\n}\n<\/pre><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">3. <strong><code>ngDoCheck<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: Angular\u2019\u0131n de\u011fi\u015fiklik alg\u0131lama mekanizmas\u0131 (change detection) \u00e7al\u0131\u015ft\u0131\u011f\u0131nda her seferinde tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>Angular\u2019\u0131n herhangi bir de\u011fi\u015fiklik arad\u0131\u011f\u0131 her durumda \u00e7al\u0131\u015f\u0131r.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">4. <strong><code>ngAfterContentInit<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: Bile\u015fenin i\u00e7erik (projection content) y\u00fcklemesi tamamland\u0131\u011f\u0131nda tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>Sadece bir kez \u00e7al\u0131\u015f\u0131r, i\u00e7erik y\u00fcklendikten hemen sonra.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">5. <strong><code>ngAfterContentChecked<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: \u0130\u00e7erik y\u00fcklendikten sonra de\u011fi\u015fiklik alg\u0131lamalar\u0131 tamamland\u0131\u011f\u0131nda tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>Her de\u011fi\u015fiklik alg\u0131lama s\u0131ras\u0131nda \u00e7al\u0131\u015f\u0131r.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">6. <strong><code>ngAfterViewInit<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: Bile\u015fenin \u015fablonundaki t\u00fcm g\u00f6r\u00fcn\u00fcm (view) bile\u015fenleri olu\u015fturuldu\u011funda tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>Bir kez, g\u00f6r\u00fcn\u00fcm olu\u015fturulduktan hemen sonra.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">7. <strong><code>ngAfterViewChecked<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: G\u00f6r\u00fcn\u00fcmdeki (view) de\u011fi\u015fiklik alg\u0131lama mekanizmas\u0131 tamamland\u0131\u011f\u0131nda tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>Her de\u011fi\u015fiklik alg\u0131lamadan sonra.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">8. <strong><code>ngOnDestroy<\/code><\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Ama\u00e7<\/strong>: Bile\u015fen yok edilmeden hemen \u00f6nce tetiklenir.<\/li>\n\n\n\n<li><strong>Ne Zaman \u00c7al\u0131\u015f\u0131r?<\/strong>\n<ul class=\"wp-block-list\">\n<li>Bile\u015fen DOM\u2019dan kald\u0131r\u0131lmadan hemen \u00f6nce.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Angular Ya\u015fam D\u00f6ng\u00fcs\u00fc S\u0131ras\u0131<\/h3>\n\n\n\n<p>Angular\u2019daki ya\u015fam d\u00f6ng\u00fcs\u00fc metotlar\u0131, \u015fu s\u0131rayla \u00e7al\u0131\u015f\u0131r:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong><code>ngOnChanges<\/code><\/strong> (Varsa, ilk kez ve <code>@Input<\/code> de\u011fi\u015fti\u011finde).<\/li>\n\n\n\n<li><strong><code>ngOnInit<\/code><\/strong> (Bile\u015fen ba\u015flat\u0131ld\u0131\u011f\u0131nda, yaln\u0131zca bir kez).<\/li>\n\n\n\n<li><strong><code>ngDoCheck<\/code><\/strong> (De\u011fi\u015fiklik alg\u0131lama mekanizmas\u0131 \u00e7al\u0131\u015ft\u0131\u011f\u0131nda).<\/li>\n\n\n\n<li><strong><code>ngAfterContentInit<\/code><\/strong> (\u0130\u00e7erik y\u00fcklendi\u011finde, bir kez).<\/li>\n\n\n\n<li><strong><code>ngAfterContentChecked<\/code><\/strong> (\u0130\u00e7erik kontrol\u00fc her tamamland\u0131\u011f\u0131nda).<\/li>\n\n\n\n<li><strong><code>ngAfterViewInit<\/code><\/strong> (G\u00f6r\u00fcn\u00fcm olu\u015fturuldu\u011funda, bir kez).<\/li>\n\n\n\n<li><strong><code>ngAfterViewChecked<\/code><\/strong> (G\u00f6r\u00fcn\u00fcm kontrol\u00fc her tamamland\u0131\u011f\u0131nda).<\/li>\n\n\n\n<li><strong><code>ngOnDestroy<\/code><\/strong> (Bile\u015fen yok edilmeden \u00f6nce).<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Kullan\u0131m \u0130pu\u00e7lar\u0131<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><code>ngOnInit<\/code><\/strong>: \u0130lk ba\u015flatma i\u015flemleri i\u00e7in kullan\u0131l\u0131r (\u00f6rn. veri y\u00fckleme).<\/li>\n\n\n\n<li><strong><code>ngOnDestroy<\/code><\/strong>: Temizlik i\u015flemleri (\u00f6rn. abonelik iptali, timer temizli\u011fi) i\u00e7in kullan\u0131l\u0131r.<\/li>\n\n\n\n<li><strong><code>ngAfterViewInit<\/code><\/strong> ve <strong><code>ngAfterViewChecked<\/code><\/strong>: DOM manip\u00fclasyonlar\u0131 i\u00e7in uygundur.<\/li>\n\n\n\n<li><strong><code>ngDoCheck<\/code><\/strong>: Performans maliyeti y\u00fcksektir; gerekti\u011finde kullan\u0131n.<\/li>\n<\/ul>\n\n\n\n<p>Bu ya\u015fam d\u00f6ng\u00fcs\u00fc metotlar\u0131, Angular uygulaman\u0131zda kontrol ve performans optimizasyonu sa\u011flar. \ud83d\ude0a<\/p>\n\n\n\n<p><a href=\"https:\/\/v17.angular.io\/guide\/lifecycle-hooks\">https:\/\/v17.angular.io\/guide\/lifecycle-hooks<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/m-talhaersoy.medium.com\/angular-lifecycle-hooks-1be6a665c9ae\">https:\/\/m-talhaersoy.medium.com\/angular-lifecycle-hooks-1be6a665c9ae<\/a><\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/m-talhaersoy.medium.com\/angular-lifecycle-hooks-1be6a665c9ae\n<\/div><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Angular\u2019da ya\u015fam d\u00f6ng\u00fcs\u00fc (lifecycle), bir bile\u015fenin (component) veya y\u00f6nergenin (directive) olu\u015fturulmas\u0131, g\u00fcncellenmesi ve yok edilmesi s\u0131ras\u0131nda tetiklenen bir dizi olay ve y\u00f6ntemi ifade eder. Bu ya\u015fam d\u00f6ng\u00fcs\u00fc, bir bile\u015fenin veya y\u00f6nergenin belirli bir anda hangi i\u015flemleri ger\u00e7ekle\u015ftirebilece\u011fini kontrol etmenizi sa\u011flar. Angular\u2019da ya\u015fam d\u00f6ng\u00fcs\u00fc, belirli metodlar\u0131n (lifecycle hooks) tetiklenmesiyle y\u00f6netilir. Bu metodlar Angular taraf\u0131ndan belirli bir<\/p>\n","protected":false},"author":1,"featured_media":993,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[60,61],"class_list":["post-1114","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular","tag-angular","tag-lifetime"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular Lifecycle Hook&#039;lar\u0131 - Blog<\/title>\n<meta name=\"description\" content=\"Angular Lifecycle Hook&#039;lar\u0131 ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular Lifecycle Hook&#039;lar\u0131 - Blog\" \/>\n<meta property=\"og:description\" content=\"Angular Lifecycle Hook&#039;lar\u0131 ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-15T15:09:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-15T15:09:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"336\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Faruk Fuat \u00d6zer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Faruk Fuat \u00d6zer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/\"},\"author\":{\"name\":\"Faruk Fuat \u00d6zer\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\"},\"headline\":\"Angular Lifecycle Hook&#8217;lar\u0131\",\"datePublished\":\"2024-12-15T15:09:56+00:00\",\"dateModified\":\"2024-12-15T15:09:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/\"},\"wordCount\":501,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\"},\"image\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"keywords\":[\"angular\",\"lifetime\"],\"articleSection\":[\"Angular\"],\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/\",\"url\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/\",\"name\":\"Angular Lifecycle Hook'lar\u0131 - Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"datePublished\":\"2024-12-15T15:09:56+00:00\",\"dateModified\":\"2024-12-15T15:09:57+00:00\",\"description\":\"Angular Lifecycle Hook'lar\u0131 ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage\",\"url\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"contentUrl\":\"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp\",\"width\":640,\"height\":336},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/www.fuatozer.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Angular Lifecycle Hook&#8217;lar\u0131\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#website\",\"url\":\"https:\/\/www.fuatozer.com\/blog\/\",\"name\":\"Blog\",\"description\":\"Yaz\u0131l\u0131mla alakal\u0131 her \u015fey\",\"publisher\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.fuatozer.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5\",\"name\":\"Faruk Fuat \u00d6zer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g\",\"caption\":\"Faruk Fuat \u00d6zer\"},\"logo\":{\"@id\":\"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/fuatozer.com\/blog\",\"https:\/\/www.linkedin.com\/in\/fuatozerr\/\"],\"url\":\"https:\/\/www.fuatozer.com\/blog\/author\/fuatozerr23\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular Lifecycle Hook'lar\u0131 - Blog","description":"Angular Lifecycle Hook'lar\u0131 ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/","og_locale":"tr_TR","og_type":"article","og_title":"Angular Lifecycle Hook'lar\u0131 - Blog","og_description":"Angular Lifecycle Hook'lar\u0131 ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.","og_url":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/","og_site_name":"Blog","article_published_time":"2024-12-15T15:09:56+00:00","article_modified_time":"2024-12-15T15:09:57+00:00","og_image":[{"width":640,"height":336,"url":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","type":"image\/webp"}],"author":"Faruk Fuat \u00d6zer","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Faruk Fuat \u00d6zer","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#article","isPartOf":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/"},"author":{"name":"Faruk Fuat \u00d6zer","@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5"},"headline":"Angular Lifecycle Hook&#8217;lar\u0131","datePublished":"2024-12-15T15:09:56+00:00","dateModified":"2024-12-15T15:09:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/"},"wordCount":501,"commentCount":0,"publisher":{"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5"},"image":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","keywords":["angular","lifetime"],"articleSection":["Angular"],"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/","url":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/","name":"Angular Lifecycle Hook'lar\u0131 - Blog","isPartOf":{"@id":"https:\/\/www.fuatozer.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage"},"image":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","datePublished":"2024-12-15T15:09:56+00:00","dateModified":"2024-12-15T15:09:57+00:00","description":"Angular Lifecycle Hook'lar\u0131 ve di\u011fer t\u00fcm blog yaz\u0131lar\u0131m i\u00e7in Blog blog sayfam\u0131 ziyaret edebilirsiniz.","breadcrumb":{"@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#primaryimage","url":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","contentUrl":"https:\/\/www.fuatozer.com\/blog\/wp-content\/uploads\/2024\/12\/angular.webp","width":640,"height":336},{"@type":"BreadcrumbList","@id":"https:\/\/www.fuatozer.com\/blog\/angular-lifecycle\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/www.fuatozer.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Angular Lifecycle Hook&#8217;lar\u0131"}]},{"@type":"WebSite","@id":"https:\/\/www.fuatozer.com\/blog\/#website","url":"https:\/\/www.fuatozer.com\/blog\/","name":"Blog","description":"Yaz\u0131l\u0131mla alakal\u0131 her \u015fey","publisher":{"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fuatozer.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/7551c59973f5913a0ff43db8e52662e5","name":"Faruk Fuat \u00d6zer","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4e31bcaa2c81b1fe5f740421577ccaac?s=96&d=mm&r=g","caption":"Faruk Fuat \u00d6zer"},"logo":{"@id":"https:\/\/www.fuatozer.com\/blog\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/fuatozer.com\/blog","https:\/\/www.linkedin.com\/in\/fuatozerr\/"],"url":"https:\/\/www.fuatozer.com\/blog\/author\/fuatozerr23\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts\/1114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/comments?post=1114"}],"version-history":[{"count":1,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts\/1114\/revisions"}],"predecessor-version":[{"id":1115,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/posts\/1114\/revisions\/1115"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/media\/993"}],"wp:attachment":[{"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/media?parent=1114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/categories?post=1114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuatozer.com\/blog\/wp-json\/wp\/v2\/tags?post=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}