- import { Component, Input, OnChanges, SimpleChange } from '@angular/core';
- @Component({
- selector: 'app-version-child',
- template: `
- <h3>Version {{major}}.{{minor}}</h3>
- <h4>Change log:</h4>
- <ul>
- <li *ngFor="let change of changeLog">{{change}}</li>
- </ul>
- `
- })
- export class VersionChildComponent implements OnChanges {
- @Input() major: number;
- @Input() minor: number;
- changeLog: string[] = [];
- ngOnChanges(changes: {[propKey: string]: SimpleChange}) {
- let log: string[] = [];
- for (let propName in changes) {
- let changedProp = changes[propName];
- let to = JSON.stringify(changedProp.currentValue);
- if (changedProp.isFirstChange()) {
- log.push(`Initial value of ${propName} set to ${to}`);
- } else {
- let from = JSON.stringify(changedProp.previousValue);
- log.push(`${propName} changed from ${from} to ${to}`);
- }
- }
- this.changeLog.push(log.join(', '));
- }
- }
Intercept input property changes with ngOnChanges()
Đăng ký:
Đăng Nhận xét (Atom)
Cold Turkey Blocker
https://superuser.com/questions/1366153/how-to-get-rid-of-cold-turkey-website-blocker-get-around-the-block Very old question, but still wan...
-
Basic usage | Documentation | Poetry - Python dependency management and packaging made easy (python-poetry.org) Activating the virtual env...
-
Modify File Permissions with chmod | Linode Modify File Permissions with chmod The chmod command allows users to change read and write per...
-
Basic usage | Documentation | Poetry - Python dependency management and packaging made easy (python-poetry.org) Python: poetry create poet...
Không có nhận xét nào:
Đăng nhận xét