Question

我有一个注入服务的组件。我尝试将服务的属性绑定到组件的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>

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

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

谢谢。

Answer 1

您注入了if (contract_type === "Statement of Work"){ var next_id = createContractNum_SOW(); record.contract_num = next_id; }，并从服务中获得了价值。但是，但是..您没有将其分配给您的service。

因此，只需要将您的值分配给此this。

参见下文：

myComponent.component.ts

variable

现在，您可以将此export class myComponent { constructor(public myService: MyService){} a: any = myService.a; }放入variable。

my.html

HTML

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

1 个答案: