从服务绑定属性到组件Angular 4答案

【问题标题】：Binding properties from service to component Angular 4从服务绑定属性到组件Angular 4
【发布时间】：2018-07-05 23:06:57
【问题描述】：

我有一个注入服务的组件。我尝试将服务中的属性绑定到组件的 html 视图。

我尝试以常规方式绑定<p>{{a}}</p>，但没有成功。我在这里问，得到的答案是先引用服务名：

服务：

export class MyService {
    a: string = 'Hello world'; 
    b: number = 1;

    c(): number {
      this.b += 1;
      return this.b;
}
}

component.ts:

export class myComponent {
constructor(public myService: MyService){}
}

component.html:

<p>{{myService.a}}</p>

我做到了，但仍然无法正常工作 - 我错过了什么？

如果我控制台服务方法中的属性，然后调用组件类中的方法，它将控制台属性。但是一旦我尝试将它们绑定到模板中 - 它就不起作用了。

谢谢。

【问题讨论】：

标签： angular

【解决方案1】：

您注入了service，并且您从服务中获得了价值。但是但是.. 你没有把它分配给你的this。

所以你只需要将你的值分配给这个variable。

见下文：

myComponent.component.ts

export class myComponent {
  constructor(public myService: MyService){}
  a: any = myService.a;
}

现在您可以将这个variable 转入HTML。

my.html

<p>{{a}}</p>

【讨论】：