//场景: 这是一个loading组件,在其他组件内我想直接通过 service方式使用,这里使用了
// Injectable()装饰器
@Injectable()
export class CoreLoadingComponent implements OnInit {
  _msg: string;
  @Input()
  get msg(){
    return this._msg;
  }
  set msg(val: string){
    this._msg = val;
  }
  public show(msg: string){
    this._msg = msg;
  }
}

//然而效果并不是我想要的,现在即使在下面通过调用show函数也无法绑定到下面这个模板上去,
//好郁闷,对于这方面需求应该如何做呢,我想通过服务的方式去调用一些简单的模板相应事件
//
<input [(ngModel)]="_msg">
<h2 class="title">{{_msg}}</h2>

//使用
export class TestIndexComponent implements OnInit {
  constructor(
    public loading: CoreLoadingComponent // 直接注入组件
  ) {}

  ngOnInit() {
    console.log('test loading is',this.loading);
    //完成后动态改变他的值
    //这个时候loading的_msg是
    let i = 0;
    setInterval(()=>{
      let msg = i+'s';
      this.loading.show(msg);
      console.log(this.loading);
      i++;
    },1000);
  }

}

//