app.component.html

<h1>Hello World 🌍</h1>
<h2>@Outputs() can be a struggle:</h2>
<h3> {{ParentDataObject.name}} </h3>
<h3> {{ParentDataObject.age}} </h3>

<!-- [myAwesomeInputvalue] = @Input('myAwesomeInputvalue') fra child.component.ts -->
<!-- (myOutputValue) = @Output eventEmitter fra child.component.ts -->
<!-- "awesomeMethod($event) = Metode i app.component.ts -->
<app-child [myAwesomeInputvalue]="3+5+7" (myOutputValue)="awesomeMethod($event)"></app-child>

app.component.ts

import { Component, ViewChild, Input } from '@angular/core';
import { dataFile } from '../app/models/DataFile';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
ParentDataObject: dataFile;

constructor() {

}

awesomeMethod(ev: dataFile) {
	console.log(`got some text: ${ev}`)
	console.log(`${ev.name}`)
	console.log(`${ev.age}`)
	this.ParentDataObject = ev;
  }
}