Angular4@Input（）将值从父组件传递到子组件

我在App component.html中有这样的代码

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

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;  
    }
}

现在我已经创建了一个名为MyComponent3的组件。在该组件中，我想从app组件检索数据。MyComponent3.html的代码如下：

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

---

但是在输出中，该值没有从AppComponent传递到My Component3。

应该在其中提到要传递给子组件的任何属性。您可以使用@input和html传递给子组件，如下所示：

<app-my-component3 [type]="type"></app-my-component3>

您实际在哪里使用Component3？这只是为了测试值是否从父组件传递到子组件。如果可以，我可以在程序中的其他地方使用它。您如何使用app-my-component3？按标签。这个mycomponent3我在程序中的任何地方都没有使用。我使用这个组件只是为了测试输入值是否从父组件传递到子组件。试着这样使用它。你能告诉我如何将值从子组件传递到父组件吗

<app-my-component3 [type]="type"></app-my-component3>