Javascript Angular4服务方法无法识别

我使用angular4创建了一个简单的服务

代码如下：

//app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { MyserviceService } from './myservice.service';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [MyserviceService],
  bootstrap: [AppComponent]
})
export class AppModule { }

//the service
import { Injectable } from '@angular/core';

@Injectable()

export class MyserviceService {

  constructor() { }

  cars = ['fiat', 'form'];

  myData() {
    return 'Hello from service!';
  }

}

//app.component.ts
import { Component, OnInit } from '@angular/core';
import { MyserviceService } from './myservice.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent implements OnInit {

  title = 'app';

  constructor(private myservice: MyserviceService) {}

  ngOnInit() {
    console.log(this.myservice.cars);

    this.something = this.myData();
  }

}

我这里有两个问题：

没有控制台消息

无法识别myData“应用程序组件中不存在myData”

---

我做错了什么？

您正在访问app.component上的

myData（）

方法，它不是app.component的成员。您必须使用myservice访问

myData（）

，如下所示

ngOnInit() {
  console.log(this.myservice.cars);

  this.something = this.myservice.myData();

}

---

其他一切对我来说都很好。

应该是

this.myservice.myData（）

，但不确定为什么不显示日志。你能在plunker中重现这个问题吗？那么接受的答案如何解决

console.log

问题呢？是的，一旦我添加了这个.myservice.myData（）。。控制台也出现了