├── .browserslistrc ├── .editorconfig ├── .gitignore ├── .prettierrc ├── README.md ├── angular.json ├── e2e ├── protractor.conf.js ├── src │ ├── app.e2e-spec.ts │ └── app.po.ts └── tsconfig.json ├── karma.conf.js ├── package.json ├── src ├── _redirects ├── app │ ├── abstract-change-detection.component.ts │ ├── app.component.html │ ├── app.component.scss │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── app.module.ts │ ├── app.routes.ts │ ├── async-pipe-demo │ │ ├── async-pipe-demo.component.html │ │ ├── async-pipe-demo.component.scss │ │ ├── async-pipe-demo.component.spec.ts │ │ └── async-pipe-demo.component.ts │ ├── complex-demo │ │ ├── complex-demo.component.html │ │ ├── complex-demo.component.scss │ │ ├── complex-demo.component.spec.ts │ │ └── complex-demo.component.ts │ ├── components │ │ ├── hero-card-async-pipe │ │ │ ├── hero-card-async-pipe.component.html │ │ │ ├── hero-card-async-pipe.component.scss │ │ │ ├── hero-card-async-pipe.component.spec.ts │ │ │ └── hero-card-async-pipe.component.ts │ │ ├── hero-card-on-push │ │ │ ├── hero-card-on-push.component.scss │ │ │ ├── hero-card-on-push.component.spec.ts │ │ │ └── hero-card-on-push.component.ts │ │ ├── hero-card-template.ts │ │ ├── hero-card │ │ │ ├── hero-card.component.scss │ │ │ ├── hero-card.component.spec.ts │ │ │ └── hero-card.component.ts │ │ ├── hero-details │ │ │ ├── hero-details.component.html │ │ │ ├── hero-details.component.scss │ │ │ ├── hero-details.component.spec.ts │ │ │ └── hero-details.component.ts │ │ └── run-outside-angular-trigger │ │ │ ├── run-outside-angular-trigger.component.html │ │ │ ├── run-outside-angular-trigger.component.scss │ │ │ ├── run-outside-angular-trigger.component.spec.ts │ │ │ └── run-outside-angular-trigger.component.ts │ ├── detach-demo │ │ ├── detach-demo.component.html │ │ ├── detach-demo.component.scss │ │ ├── detach-demo.component.spec.ts │ │ └── detach-demo.component.ts │ ├── expression-changed-after-it-has-been-checked-error-demo │ │ ├── expression-changed-after-it-has-been-checked-error-demo.component.html │ │ ├── expression-changed-after-it-has-been-checked-error-demo.component.scss │ │ ├── expression-changed-after-it-has-been-checked-error-demo.component.spec.ts │ │ └── expression-changed-after-it-has-been-checked-error-demo.component.ts │ ├── home │ │ ├── home.component.html │ │ ├── home.component.scss │ │ ├── home.component.spec.ts │ │ └── home.component.ts │ ├── models │ │ └── hero.ts │ ├── simple-demo │ │ ├── simple-demo.component.html │ │ ├── simple-demo.component.scss │ │ ├── simple-demo.component.spec.ts │ │ └── simple-demo.component.ts │ └── utils │ │ └── utils.ts ├── assets │ ├── .gitkeep │ └── test-data │ │ └── test-hero.json ├── environments │ ├── environment.prod.ts │ └── environment.ts ├── favicon.ico ├── index.html ├── main.ts ├── polyfills.ts ├── styles.scss └── test.ts ├── tsconfig.app.json ├── tsconfig.json ├── tsconfig.spec.json └── tslint.json /.browserslistrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/.browserslistrc -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/.editorconfig -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true 3 | } 4 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/README.md -------------------------------------------------------------------------------- /angular.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/angular.json -------------------------------------------------------------------------------- /e2e/protractor.conf.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/e2e/protractor.conf.js -------------------------------------------------------------------------------- /e2e/src/app.e2e-spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/e2e/src/app.e2e-spec.ts -------------------------------------------------------------------------------- /e2e/src/app.po.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/e2e/src/app.po.ts -------------------------------------------------------------------------------- /e2e/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/e2e/tsconfig.json -------------------------------------------------------------------------------- /karma.conf.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/karma.conf.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/package.json -------------------------------------------------------------------------------- /src/_redirects: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/_redirects -------------------------------------------------------------------------------- /src/app/abstract-change-detection.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/abstract-change-detection.component.ts -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/app.component.html -------------------------------------------------------------------------------- /src/app/app.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/app.component.scss -------------------------------------------------------------------------------- /src/app/app.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/app.component.spec.ts -------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/app.component.ts -------------------------------------------------------------------------------- /src/app/app.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/app.module.ts -------------------------------------------------------------------------------- /src/app/app.routes.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/app.routes.ts -------------------------------------------------------------------------------- /src/app/async-pipe-demo/async-pipe-demo.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/async-pipe-demo/async-pipe-demo.component.html -------------------------------------------------------------------------------- /src/app/async-pipe-demo/async-pipe-demo.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/async-pipe-demo/async-pipe-demo.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/async-pipe-demo/async-pipe-demo.component.spec.ts -------------------------------------------------------------------------------- /src/app/async-pipe-demo/async-pipe-demo.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/async-pipe-demo/async-pipe-demo.component.ts -------------------------------------------------------------------------------- /src/app/complex-demo/complex-demo.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/complex-demo/complex-demo.component.html -------------------------------------------------------------------------------- /src/app/complex-demo/complex-demo.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/complex-demo/complex-demo.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/complex-demo/complex-demo.component.spec.ts -------------------------------------------------------------------------------- /src/app/complex-demo/complex-demo.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/complex-demo/complex-demo.component.ts -------------------------------------------------------------------------------- /src/app/components/hero-card-async-pipe/hero-card-async-pipe.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card-async-pipe/hero-card-async-pipe.component.html -------------------------------------------------------------------------------- /src/app/components/hero-card-async-pipe/hero-card-async-pipe.component.scss: -------------------------------------------------------------------------------- 1 | :host(.highlight) { 2 | border: 2px solid orangered; 3 | } 4 | -------------------------------------------------------------------------------- /src/app/components/hero-card-async-pipe/hero-card-async-pipe.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card-async-pipe/hero-card-async-pipe.component.spec.ts -------------------------------------------------------------------------------- /src/app/components/hero-card-async-pipe/hero-card-async-pipe.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card-async-pipe/hero-card-async-pipe.component.ts -------------------------------------------------------------------------------- /src/app/components/hero-card-on-push/hero-card-on-push.component.scss: -------------------------------------------------------------------------------- 1 | :host(.highlight) { 2 | border: 2px solid orangered; 3 | } 4 | -------------------------------------------------------------------------------- /src/app/components/hero-card-on-push/hero-card-on-push.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card-on-push/hero-card-on-push.component.spec.ts -------------------------------------------------------------------------------- /src/app/components/hero-card-on-push/hero-card-on-push.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card-on-push/hero-card-on-push.component.ts -------------------------------------------------------------------------------- /src/app/components/hero-card-template.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card-template.ts -------------------------------------------------------------------------------- /src/app/components/hero-card/hero-card.component.scss: -------------------------------------------------------------------------------- 1 | :host(.highlight) { 2 | border: 2px solid orangered; 3 | } 4 | -------------------------------------------------------------------------------- /src/app/components/hero-card/hero-card.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card/hero-card.component.spec.ts -------------------------------------------------------------------------------- /src/app/components/hero-card/hero-card.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-card/hero-card.component.ts -------------------------------------------------------------------------------- /src/app/components/hero-details/hero-details.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-details/hero-details.component.html -------------------------------------------------------------------------------- /src/app/components/hero-details/hero-details.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-details/hero-details.component.scss -------------------------------------------------------------------------------- /src/app/components/hero-details/hero-details.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-details/hero-details.component.spec.ts -------------------------------------------------------------------------------- /src/app/components/hero-details/hero-details.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/hero-details/hero-details.component.ts -------------------------------------------------------------------------------- /src/app/components/run-outside-angular-trigger/run-outside-angular-trigger.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/run-outside-angular-trigger/run-outside-angular-trigger.component.html -------------------------------------------------------------------------------- /src/app/components/run-outside-angular-trigger/run-outside-angular-trigger.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/components/run-outside-angular-trigger/run-outside-angular-trigger.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/run-outside-angular-trigger/run-outside-angular-trigger.component.spec.ts -------------------------------------------------------------------------------- /src/app/components/run-outside-angular-trigger/run-outside-angular-trigger.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/components/run-outside-angular-trigger/run-outside-angular-trigger.component.ts -------------------------------------------------------------------------------- /src/app/detach-demo/detach-demo.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/detach-demo/detach-demo.component.html -------------------------------------------------------------------------------- /src/app/detach-demo/detach-demo.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/detach-demo/detach-demo.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/detach-demo/detach-demo.component.spec.ts -------------------------------------------------------------------------------- /src/app/detach-demo/detach-demo.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/detach-demo/detach-demo.component.ts -------------------------------------------------------------------------------- /src/app/expression-changed-after-it-has-been-checked-error-demo/expression-changed-after-it-has-been-checked-error-demo.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/expression-changed-after-it-has-been-checked-error-demo/expression-changed-after-it-has-been-checked-error-demo.component.html -------------------------------------------------------------------------------- /src/app/expression-changed-after-it-has-been-checked-error-demo/expression-changed-after-it-has-been-checked-error-demo.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/expression-changed-after-it-has-been-checked-error-demo/expression-changed-after-it-has-been-checked-error-demo.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/expression-changed-after-it-has-been-checked-error-demo/expression-changed-after-it-has-been-checked-error-demo.component.spec.ts -------------------------------------------------------------------------------- /src/app/expression-changed-after-it-has-been-checked-error-demo/expression-changed-after-it-has-been-checked-error-demo.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/expression-changed-after-it-has-been-checked-error-demo/expression-changed-after-it-has-been-checked-error-demo.component.ts -------------------------------------------------------------------------------- /src/app/home/home.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/home/home.component.html -------------------------------------------------------------------------------- /src/app/home/home.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/home/home.component.scss -------------------------------------------------------------------------------- /src/app/home/home.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/home/home.component.spec.ts -------------------------------------------------------------------------------- /src/app/home/home.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/home/home.component.ts -------------------------------------------------------------------------------- /src/app/models/hero.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/models/hero.ts -------------------------------------------------------------------------------- /src/app/simple-demo/simple-demo.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/simple-demo/simple-demo.component.html -------------------------------------------------------------------------------- /src/app/simple-demo/simple-demo.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/simple-demo/simple-demo.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/simple-demo/simple-demo.component.spec.ts -------------------------------------------------------------------------------- /src/app/simple-demo/simple-demo.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/simple-demo/simple-demo.component.ts -------------------------------------------------------------------------------- /src/app/utils/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/app/utils/utils.ts -------------------------------------------------------------------------------- /src/assets/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/test-data/test-hero.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Captain America" 3 | } 4 | -------------------------------------------------------------------------------- /src/environments/environment.prod.ts: -------------------------------------------------------------------------------- 1 | export const environment = { 2 | production: true 3 | }; 4 | -------------------------------------------------------------------------------- /src/environments/environment.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/environments/environment.ts -------------------------------------------------------------------------------- /src/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/favicon.ico -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/index.html -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/main.ts -------------------------------------------------------------------------------- /src/polyfills.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/polyfills.ts -------------------------------------------------------------------------------- /src/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/styles.scss -------------------------------------------------------------------------------- /src/test.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/src/test.ts -------------------------------------------------------------------------------- /tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/tsconfig.app.json -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tsconfig.spec.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/tsconfig.spec.json -------------------------------------------------------------------------------- /tslint.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mokkapps/angular-change-detection-demo/HEAD/tslint.json --------------------------------------------------------------------------------