Use Local Change Detection

e-oz · Nov 19, 2023 · 596126a · 596126a
1 parent e2ddf27
commit 596126a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" data-critters-container data-deployed-version="1.0">
+<html lang="en" data-critters-container data-deployed-version="1.1">
 <head>
   <meta charset="utf-8">
   <title>Reactive Storage</title>
@@ -10,5 +10,5 @@
 </style><link rel="stylesheet" href="styles-SBGRPVWB.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-SBGRPVWB.css"></noscript></head>
 <body>
   <app-root></app-root>
-<script src="polyfills-LZBJRJJE.js" type="module"></script><script src="main-627XSDTO.js" type="module"></script></body>
+<script src="polyfills-LZBJRJJE.js" type="module"></script><script src="main-U6IZHJQ4.js" type="module"></script></body>
 </html>
diff --git a/docs/main-627XSDTO.js → docs/main-U6IZHJQ4.js b/docs/main-627XSDTO.js → docs/main-U6IZHJQ4.js
diff --git a/projects/docs/src/app/app.component.ts b/projects/docs/src/app/app.component.ts
@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { FormsModule } from "@angular/forms";
 import { MatExpansionModule } from "@angular/material/expansion";
 import { MatSlideToggleModule } from "@angular/material/slide-toggle";
@@ -15,7 +15,8 @@ import { RxStorage } from "@oz/reactive-storage";
     MatExpansionModule,
   ],
   templateUrl: './app.component.html',
-  styleUrl: './app.component.scss'
+  styleUrl: './app.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class AppComponent {
   protected readonly storage = new RxStorage('example', 'ngx-reactive-storage');