Differenzansicht 17-standalone
im Vergleich zu 16-guards

← Zurück zur Übersicht | Demo | Quelltext auf GitHub

src/app/admin/book-create/book-create.component.spec.ts ADDED Viewed

	@@ -0,0 +1,23 @@

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BookCreateComponent } from './book-create.component';
+describe('BookCreateComponent', () => {
+  let component: BookCreateComponent;
+  let fixture: ComponentFixture<BookCreateComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BookCreateComponent ]
+    })
+    .compileComponents();
+    fixture = TestBed.createComponent(BookCreateComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/admin/book-edit/book-edit.component.spec.ts ADDED Viewed

	@@ -0,0 +1,23 @@

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BookEditComponent } from './book-edit.component';
+describe('BookEditComponent', () => {
+  let component: BookEditComponent;
+  let fixture: ComponentFixture<BookEditComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BookEditComponent ]
+    })
+    .compileComponents();
+    fixture = TestBed.createComponent(BookEditComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/admin/book-form/book-form.component.spec.ts ADDED Viewed

	@@ -0,0 +1,23 @@

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BookFormComponent } from './book-form.component';
+describe('BookFormComponent', () => {
+  let component: BookFormComponent;
+  let fixture: ComponentFixture<BookFormComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BookFormComponent ]
+    })
+    .compileComponents();
+    fixture = TestBed.createComponent(BookFormComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/admin/form-errors/form-errors.component.spec.ts ADDED Viewed

	@@ -0,0 +1,23 @@

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { FormErrorsComponent } from './form-errors.component';
+describe('FormErrorsComponent', () => {
+  let component: FormErrorsComponent;
+  let fixture: ComponentFixture<FormErrorsComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ FormErrorsComponent ]
+    })
+    .compileComponents();
+    fixture = TestBed.createComponent(FormErrorsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/admin/shared/async-validators.service.spec.ts ADDED Viewed

	@@ -0,0 +1,16 @@

+import { TestBed } from '@angular/core/testing';
+import { AsyncValidatorsService } from './async-validators.service';
+describe('AsyncValidatorsService', () => {
+  let service: AsyncValidatorsService;
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(AsyncValidatorsService);
+  });
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/app-routing.module.ts CHANGED Viewed

@@ -16,7 +16,7 @@ const routes: Routes = [
   },
   {
     path: 'books',
-    loadChildren: () => import('./books/books.module').then(m => m.BooksModule)
   },
   {
     path: 'admin',

   },
   {
     path: 'books',
+    loadChildren: () => import('./books/books.routes').then(m => m.BOOKS_ROUTES)
   },
   {
     path: 'admin',

src/app/books/book-details/book-details.component.spec.ts ADDED Viewed

	@@ -0,0 +1,23 @@

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BookDetailsComponent } from './book-details.component';
+describe('BookDetailsComponent', () => {
+  let component: BookDetailsComponent;
+  let fixture: ComponentFixture<BookDetailsComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BookDetailsComponent ]
+    })
+    .compileComponents();
+    fixture = TestBed.createComponent(BookDetailsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/books/book-details/book-details.component.ts CHANGED Viewed

@@ -1,14 +1,23 @@
 import { Component } from '@angular/core';
-import { ActivatedRoute, Router } from '@angular/router';
 import { Observable } from 'rxjs';
 import { BookStoreService } from '../../shared/book-store.service';
 import { Book } from '../../shared/book';
 @Component({
   selector: 'bm-book-details',
   templateUrl: './book-details.component.html',
-  styleUrls: ['./book-details.component.css']
 })
 export class BookDetailsComponent {
   book$: Observable<Book>;

 import { Component } from '@angular/core';
+import { AsyncPipe, DatePipe, NgFor, NgIf } from '@angular/common';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { Observable } from 'rxjs';
 import { BookStoreService } from '../../shared/book-store.service';
 import { Book } from '../../shared/book';
+import { IsbnPipe } from '../../shared/isbn.pipe';
+import { LoggedinOnlyDirective } from '../../shared/loggedin-only.directive';
+import { ConfirmDirective } from '../../shared/confirm.directive';
 @Component({
   selector: 'bm-book-details',
   templateUrl: './book-details.component.html',
+  styleUrls: ['./book-details.component.css'],
+  standalone: true,
+  imports: [
+    NgIf, NgFor, DatePipe, AsyncPipe, RouterLink,
+    IsbnPipe, LoggedinOnlyDirective, ConfirmDirective
+  ]
 })
 export class BookDetailsComponent {
   book$: Observable<Book>;

src/app/books/book-list/book-list.component.spec.ts ADDED Viewed

	@@ -0,0 +1,23 @@

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { BookListComponent } from './book-list.component';
+describe('BookListComponent', () => {
+  let component: BookListComponent;
+  let fixture: ComponentFixture<BookListComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BookListComponent ]
+    })
+    .compileComponents();
+    fixture = TestBed.createComponent(BookListComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/books/book-list/book-list.component.ts CHANGED Viewed

@@ -1,13 +1,20 @@
 import { Component } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Book } from '../../shared/book';
 import { BookStoreService } from '../../shared/book-store.service';
 @Component({
   selector: 'bm-book-list',
   templateUrl: './book-list.component.html',
-  styleUrls: ['./book-list.component.css']
 })
 export class BookListComponent {
   books$: Observable<Book[]>;

+import { AsyncPipe, NgFor, NgIf } from '@angular/common';
 import { Component } from '@angular/core';
 import { Observable } from 'rxjs';
 import { Book } from '../../shared/book';
 import { BookStoreService } from '../../shared/book-store.service';
+import { BookListItemComponent } from '../book-list-item/book-list-item.component';
 @Component({
   selector: 'bm-book-list',
   templateUrl: './book-list.component.html',
+  styleUrls: ['./book-list.component.css'],
+  standalone: true,
+  imports: [
+    NgIf, NgFor, AsyncPipe,
+    BookListItemComponent
+  ]
 })
 export class BookListComponent {
   books$: Observable<Book[]>;

src/app/books/book-list-item/book-list-item.component.ts CHANGED Viewed

@@ -1,10 +1,16 @@
 import { Component, Input } from '@angular/core';
 import { Book } from '../../shared/book';
 @Component({
   selector: 'bm-book-list-item',
   templateUrl: './book-list-item.component.html',
-  styleUrls: ['./book-list-item.component.css']
 })
 export class BookListItemComponent {
   @Input() book?: Book;

+import { NgFor, NgIf } from '@angular/common';
 import { Component, Input } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { IsbnPipe } from '../../shared/isbn.pipe';
 import { Book } from '../../shared/book';
 @Component({
   selector: 'bm-book-list-item',
   templateUrl: './book-list-item.component.html',
+  styleUrls: ['./book-list-item.component.css'],
+  standalone: true,
+  imports: [NgIf, NgFor, RouterLink, IsbnPipe]
 })
 export class BookListItemComponent {
   @Input() book?: Book;

src/app/books/books.module.ts DELETED Viewed

@@ -1,26 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BooksRoutingModule } from './books-routing.module';
-import { BookListComponent } from './book-list/book-list.component';
-import { BookListItemComponent } from './book-list-item/book-list-item.component';
-import { BookDetailsComponent } from './book-details/book-details.component';
-import { IsbnPipe } from './shared/isbn.pipe';
-import { ConfirmDirective } from './shared/confirm.directive';
-import { LoggedinOnlyDirective } from './shared/loggedin-only.directive';
-@NgModule({
-  declarations: [
-    BookListComponent,
-    BookListItemComponent,
-    BookDetailsComponent,
-    IsbnPipe,
-    ConfirmDirective,
-    LoggedinOnlyDirective
-  ],
-  imports: [
-    CommonModule,
-    BooksRoutingModule
-  ]
-})
-export class BooksModule { }

src/app/books/{books-routing.module.ts → books.routes.ts} RENAMED Viewed

@@ -1,10 +1,8 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
 import { BookDetailsComponent } from './book-details/book-details.component';
 import { BookListComponent } from './book-list/book-list.component';
-const routes: Routes = [
   {
     path: '',
     component: BookListComponent,
@@ -14,9 +12,3 @@ const routes: Routes = [
     component: BookDetailsComponent,
   }
 ];
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule]
-})
-export class BooksRoutingModule { }

+import { Routes } from '@angular/router';
 import { BookDetailsComponent } from './book-details/book-details.component';
 import { BookListComponent } from './book-list/book-list.component';
+export const BOOKS_ROUTES: Routes = [
   {
     path: '',
     component: BookListComponent,
     component: BookDetailsComponent,
   }
 ];

src/app/home/home.component.spec.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { NO_ERRORS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { HomeComponent } from './home.component';
@@ -9,8 +8,7 @@ describe('HomeComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      declarations: [ HomeComponent ],
-      schemas: [NO_ERRORS_SCHEMA]
     })
     .compileComponents();

 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { HomeComponent } from './home.component';
   beforeEach(async () => {
     await TestBed.configureTestingModule({
+      declarations: [ HomeComponent ]
     })
     .compileComponents();

src/app/search/search.component.spec.ts ADDED Viewed

	@@ -0,0 +1,23 @@

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { SearchComponent } from './search.component';
+describe('SearchComponent', () => {
+  let component: SearchComponent;
+  let fixture: ComponentFixture<SearchComponent>;
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ SearchComponent ]
+    })
+    .compileComponents();
+    fixture = TestBed.createComponent(SearchComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/shared/book-store.service.spec.ts ADDED Viewed

	@@ -0,0 +1,16 @@

+import { TestBed } from '@angular/core/testing';
+import { BookStoreService } from './book-store.service';
+describe('BookStoreService', () => {
+  let service: BookStoreService;
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(BookStoreService);
+  });
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/{books/shared → shared}/confirm.directive.ts RENAMED Viewed

@@ -1,7 +1,8 @@
 import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/core';
 @Directive({
-  selector: '[bmConfirm]'
 })
 export class ConfirmDirective {
   @Input('bmConfirm') confirmText?: string;

 import { Directive, EventEmitter, HostListener, Input, Output } from '@angular/core';
 @Directive({
+  selector: '[bmConfirm]',
+  standalone: true
 })
 export class ConfirmDirective {
   @Input('bmConfirm') confirmText?: string;

src/app/{books/shared → shared}/isbn.pipe.ts RENAMED Viewed

@@ -1,7 +1,8 @@
 import { Pipe, PipeTransform } from '@angular/core';
 @Pipe({
-  name: 'isbn'
 })
 export class IsbnPipe implements PipeTransform {

 import { Pipe, PipeTransform } from '@angular/core';
 @Pipe({
+  name: 'isbn',
+  standalone: true
 })
 export class IsbnPipe implements PipeTransform {

src/app/shared/loggedin-only.directive.spec.ts ADDED Viewed

	@@ -0,0 +1,8 @@

+import { LoggedinOnlyDirective } from './loggedin-only.directive';
+describe('LoggedinOnlyDirective', () => {
+  it('should create an instance', () => {
+    const directive = new LoggedinOnlyDirective();
+    expect(directive).toBeTruthy();
+  });
+});

src/app/{books/shared → shared}/loggedin-only.directive.ts RENAMED Viewed

@@ -1,10 +1,11 @@
 import { Directive, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Subject, takeUntil } from 'rxjs';
-import { AuthService } from '../../shared/auth.service';
 @Directive({
-  selector: '[bmLoggedinOnly]'
 })
 export class LoggedinOnlyDirective implements OnDestroy {
   private destroy$ = new Subject<void>();

 import { Directive, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Subject, takeUntil } from 'rxjs';
+import { AuthService } from './auth.service';
 @Directive({
+  selector: '[bmLoggedinOnly]',
+  standalone: true
 })
 export class LoggedinOnlyDirective implements OnDestroy {
   private destroy$ = new Subject<void>();

Differenzansicht 17-standaloneim Vergleich zu 16-guards

Differenzansicht 17-standalone
im Vergleich zu 16-guards