+ Firstname: {{firstname.value}} +
++ Age: {{age.value}} + + (After 2000 ms it will become 27.) + +
++ Age Subscribe is not activated. +
++ Firstname +
++ Lastname +
+ + + Address + ++ Street +
++ Place +
+ ++ {{log}} +
++ Open your web browser console. +
+ ++ Firstname: {{firstname.value}} +
++ Age: {{age.value}} + + (After 2000 ms it will become 27.) + +
++ Age Subscribe is not activated. +
++ Firstname +
++ Lastname +
+ + + Address + ++ Street +
++ Place +
+ ++ {{log}} +
++ Age Subscribe is not activated. +
++ Firstname +
++ Lastname +
+ + + Address + ++ Street +
++ Place +
+ ++ reactive works! +
+ `, + styles: [ + ] +}) +export class ReactiveComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/temp/reactive.module.ts b/src/temp/reactive.module.ts new file mode 100644 index 0000000..af94015 --- /dev/null +++ b/src/temp/reactive.module.ts @@ -0,0 +1,16 @@ +import { NgModule } from '@angular/core'; +import { ReactiveComponent } from './reactive.component'; + + + +@NgModule({ + declarations: [ + ReactiveComponent + ], + imports: [ + ], + exports: [ + ReactiveComponent + ] +}) +export class ReactiveModule { } diff --git a/src/temp/reactive.service.spec.ts b/src/temp/reactive.service.spec.ts new file mode 100644 index 0000000..49f7fc3 --- /dev/null +++ b/src/temp/reactive.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { ReactiveService } from './reactive.service'; + +describe('ReactiveService', () => { + let service: ReactiveService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(ReactiveService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/src/temp/reactive.service.ts b/src/temp/reactive.service.ts new file mode 100644 index 0000000..6ea0fab --- /dev/null +++ b/src/temp/reactive.service.ts @@ -0,0 +1,9 @@ +import { Injectable } from '@angular/core'; + +@Injectable({ + providedIn: 'root' +}) +export class ReactiveService { + + constructor() { } +} diff --git a/src/test.ts b/src/test.ts new file mode 100644 index 0000000..5775317 --- /dev/null +++ b/src/test.ts @@ -0,0 +1,27 @@ +// This file is required by karma.conf.js and loads recursively all the .spec and framework files + +import 'zone.js'; +import 'zone.js/testing'; +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; + +declare const require: { + context(path: string, deep?: boolean, filter?: RegExp): { +