Angular 2 @input在控制台中给我未定义

Question

很抱歉，如果这是一个重复的问题，因为我在网络的其他地方找不到任何解决方案，所以我在StackOverflow中发布这个

我在StackOverflow中引用了重复的问题解决方案，我无法为我的问题找到任何解决方案，因为Stackoverflow中可用的解决方案使用了两个组件，但我使用的是单个组件。

我的问题

我正在创建一个有角度的2个组件，其中有一个@input来获取selector属性的值，如果我执行@input的console.log则将未定义为值

组件

import { Component,Input, OnInit } from '@angular/core';
@Component({
  selector: 'app-root',
  template: ' <p>{{urlinput}}</p>'
})
export class AppComponent implements OnInit{
   @Input() urlinput;  
    ngOnInit() {console.log('value: ' + this.urlinput);}
}

的index.html

<app-root [urlinput]="hello">Loading...</app-root>

如果有任何错误，请更正代码，提前致谢