kevinchisholm

<my-test-item (delete)="onTestPropertyDelete($event)"
[testProperty]="sampleData"></my-test-item>
<!-- Resources -->
<h2>Resources</h2>
<p>Here are some links to help you get started:</p>

kevinchisholm

import { Component, Input, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'my-test-item',
  templateUrl: './test-item.component.html',
  styleUrls: ['./test-item.component.css']
})
export class TestItemComponent {
  @Input() testProperty;
  @Output() delete = new EventEmitter();

kevinchisholm

import { Component, Input, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'my-test-item',
  templateUrl: './test-item.component.html',
  styleUrls: ['./test-item.component.css']
})
export class TestItemComponent {
  @Input() testProperty;
  @Output() delete = new EventEmitter();

kevinchisholm

import { Component, Input, Output, EventEmitter } from '@angular/core';

kevinchisholm

import { Component, Input, Output } from '@angular/core';

@Component({
  selector: 'my-test-item',
  templateUrl: './test-item.component.html',
  styleUrls: ['./test-item.component.css']
})
export class TestItemComponent {
  @Input() testProperty;
  @Output() delete;

kevinchisholm

import { Component, Input, Output } from '@angular/core';

kevinchisholm

<h1>{{ testProperty.name }}</h1>
<div>{{ testProperty.address }}</div>
<div>{{ testProperty.phone }}</div>

kevinchisholm

<my-test-item [testProperty]="sampleData"></my-test-item>
<!-- Resources -->
<h2>Resources</h2>
<p>Here are some links to help you get started:</p>

kevinchisholm

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'my-first-angular-application';

kevinchisholm

import { Component, Input } from '@angular/core';

@Component({
  selector: 'my-test-item',
  templateUrl: './test-item.component.html',
  styleUrls: ['./test-item.component.css']
})
export class TestItemComponent {
  @Input() testProperty;
}