Angular4 @Input () para passar o valor do componente pai para o componente filho

Eu tenho um código em App component.html como este.

 <form>
        <input #box1 (blur)="onKey1(box1.value)" type="text" name="username">
        <p>{{box1.value}}</p>
    </form>

Em AppComponent.ts, tenho um código como este.

import { Component } from '@angular/core';
import { OnInit } from '@angular/core/src/metadata/lifecycle_hooks';
@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent{
    type:string;
    constructor() { }
    onKey1(value:string)
    {
        this.type=value;  
    }
}

Agora criei um componente denominado MyComponent3. Nesse componente, desejo recuperar os dados do componente do aplicativo. O código para MyComponent3.html é o seguinte:

<p>{{type}}</p>

Em MyComponent3.ts, tenho o seguinte código.

import { Component, OnInit, ViewEncapsulation,Input } from '@angular/core';
@Component({
    selector: 'app-my-component3',
    templateUrl: './my-component3.component.html',
    styleUrls: ['./my-component3.component.css'],
    encapsulation: ViewEncapsulation.None
})
export class MyComponent3Component implements OnInit {
    @Input() type;
    ngOnInit() {
    }
}

Mas na Saída, o valor não está sendo passado de AppComponent para My Component3.