Gumpnart gumpnart

gumpnart / parent.v2.component.ts

Created January 15, 2017 07:48

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

	@Component({
	selector: 'parent-component',
	template: `
	<input type="number" min="0" name="num1" m [(ngModel)]="num1"> <span>+</span>
	<input type="number" min="0" name="num2" [(ngModel)]="num2"><br><br>
	<app-child-component [value1]="num1" [value2]="num2" (calculate)="result($event)"></app-child-component>
	<p>{{ 'Result is ' + resultValue }}</p>
	`,

gumpnart / child.v2.component.ts

Last active January 15, 2017 07:48

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

	@Component({
	selector: 'child-component',
	template: `
	<span>{{ value1 + ' + ' + value2 }}</span>
	<button type="button" (click)="onCalculate()"> calculate </button>
	`,
	})
	export class ChildComponent {

gumpnart / parent.v1.component.ts

Created January 15, 2017 07:02

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

	@Component({
	selector: 'parent-component',
	template: `
	<input type="number" min="0" name="num1" m [(ngModel)]="num1"> <span>+</span>
	<input type="number" min="0" name="num2" [(ngModel)]="num2"><br><br>
	<child-component [value1]="num1" [value2]="num2"></child-component>
	`,
	})

gumpnart / child.v1.component.ts

Last active January 15, 2017 07:03

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

	@Component({
	selector: 'child-component',
	template: `
	<span>{{ value1 + ' + ' + value2 }}</span>
	`
	})
	export class ChildComponent {
	@Input() value1: number;