31 lines
714 B
TypeScript
31 lines
714 B
TypeScript
|
import { Component } from '@angular/core';
|
||
|
|
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'app-root',
|
||
|
|
templateUrl: './app.component.html',
|
||
|
|
styleUrls: ['./app.component.css']
|
||
|
|
})
|
||
|
|
export class AppComponent {
|
||
|
|
itemImageUrl = '../assets/lamp.png';
|
||
|
|
isUnchanged = true;
|
||
|
|
classes = 'special';
|
||
|
|
// #docregion parent-data-type
|
||
|
|
parentItem = 'bananas';
|
||
|
|
// #enddocregion parent-data-type
|
||
|
|
|
||
|
|
// #docregion pass-object
|
||
|
|
currentItem = [{
|
||
|
|
id: 21,
|
||
|
|
name: 'peaches'
|
||
|
|
}];
|
||
|
|
// #enddocregion pass-object
|
||
|
|
|
||
|
|
interpolationTitle = 'Interpolation';
|
||
|
|
propertyTitle = 'Property binding';
|
||
|
|
|
||
|
|
// #docregion malicious-content
|
||
|
|
evilTitle = 'Template <script>alert("evil never sleeps")</script>Syntax';
|
||
|
|
// #enddocregion malicious-content
|
||
|
|
}
|