mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
835987b78b
Instead of the deprecated tslint use eslint in the aio's example-lint script PR Close #43218
35 lines
1,003 B
TypeScript
35 lines
1,003 B
TypeScript
/* eslint-disable guard-for-in */
|
|
// #docregion
|
|
import { Component, Input, OnChanges, SimpleChanges } 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 = 0;
|
|
@Input() minor = 0;
|
|
changeLog: string[] = [];
|
|
|
|
ngOnChanges(changes: SimpleChanges) {
|
|
const log: string[] = [];
|
|
for (const propName in changes) {
|
|
const changedProp = changes[propName];
|
|
const to = JSON.stringify(changedProp.currentValue);
|
|
if (changedProp.isFirstChange()) {
|
|
log.push(`Initial value of ${propName} set to ${to}`);
|
|
} else {
|
|
const from = JSON.stringify(changedProp.previousValue);
|
|
log.push(`${propName} changed from ${from} to ${to}`);
|
|
}
|
|
}
|
|
this.changeLog.push(log.join(', '));
|
|
}
|
|
}
|
|
// #enddocregion
|