Merge pull request #8 from NisanurBulut/dev-harrypotterrefactor

avoided memory link with takeuntil

Author: NisanurBulut

HarryPotter/src/app/components/books/books.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { AppService } from 'src/app/app.service';
 import { IBookType } from 'src/app/models';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-books',
@@ -9,8 +11,12 @@ import { IBookType } from 'src/app/models';
 })
 export class BooksComponent implements OnInit {
   books:Array<IBookType>=[];
+  unSubscribeAll = new Subject<any>();
   constructor(private appService:AppService) {
     this.appService.getBooks()
+    .pipe(
+      takeUntil(this.unSubscribeAll)
+    )
       .subscribe(data => {
          this.books=data;
       });

HarryPotter/src/app/components/characters/characters.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { AppService } from 'src/app/app.service';
 import { IPersonType } from 'src/app/models/personItem.model';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-characters',
@@ -9,8 +11,12 @@ import { IPersonType } from 'src/app/models/personItem.model';
 })
 export class CharactersComponent implements OnInit {
   characters:Array<IPersonType>=[];
+  unSubscribeAll = new Subject<any>();
   constructor(private appService:AppService) {
     this.appService.getCharacters()
+    .pipe(
+      takeUntil(this.unSubscribeAll)
+    )
       .subscribe(data => {
          this.characters=data;
       });

HarryPotter/src/app/components/films/films.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { AppService } from 'src/app/app.service';
 import { IFilmType } from 'src/app/models';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-films',
@@ -9,8 +11,13 @@ import { IFilmType } from 'src/app/models';
 })
 export class FilmsComponent implements OnInit {
   films: Array<IFilmType> = [];
+  unSubscribeAll = new Subject<any>();
   constructor(private appService: AppService) {
-    this.appService.getFilms().subscribe((data) => (this.films = data));
+    this.appService.getFilms()
+    .pipe(
+      takeUntil(this.unSubscribeAll)
+    )
+    .subscribe((data) => (this.films = data));
   }
 
   ngOnInit(): void {}

HarryPotter/src/app/components/houses/houses.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { AppService } from 'src/app/app.service';
 import { IHouseType } from 'src/app/models';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-houses',
@@ -9,8 +11,13 @@ import { IHouseType } from 'src/app/models';
 })
 export class HousesComponent implements OnInit {
   houses:Array<IHouseType>=[];
+  unSubscribeAll = new Subject<any>();
+
   constructor(private appService:AppService) {
     this.appService.getHouses()
+    .pipe(
+      takeUntil(this.unSubscribeAll)
+    )
       .subscribe(data => {
          this.houses=data;
       });

HarryPotter/src/app/components/staff/staff.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { AppService } from 'src/app/app.service';
 import { IPersonType } from 'src/app/models/personItem.model';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-staff',
@@ -9,8 +11,13 @@ import { IPersonType } from 'src/app/models/personItem.model';
 })
 export class StaffComponent implements OnInit {
   staff:Array<IPersonType>=[];
+  unSubscribeAll = new Subject<any>();
+
   constructor(private appService:AppService) {
     this.appService.getStaff()
+    .pipe(
+      takeUntil(this.unSubscribeAll)
+    )
       .subscribe(data => {
          this.staff=data;
       });

HarryPotter/src/app/components/students/students.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit } from '@angular/core';
 import { AppService } from 'src/app/app.service';
 import { IPersonType } from 'src/app/models/personItem.model';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
 
 @Component({
   selector: 'app-students',
@@ -9,8 +11,13 @@ import { IPersonType } from 'src/app/models/personItem.model';
 })
 export class StudentsComponent implements OnInit {
   students:Array<IPersonType>=[];
+  unSubscribeAll = new Subject<any>();
+
   constructor(private appService:AppService) {
     this.appService.getStudents()
+    .pipe(
+      takeUntil(this.unSubscribeAll)
+    )
       .subscribe(data => {
          this.students=data;
       });