Question

我为我的应用的默认设置创建了一个类。但我不知道如何从该类中获取数据并在我的html中使用它。我尝试了一个可观察的，但那不是真的有效。

我的班级看起来像这样：

export class Instellingen {
  urenTotBehandeling: number = 4;
  toonNaam: boolean = true;
  toonTijd: boolean = true;
  toonType: boolean = true;
  toonSanitair: boolean = true;
  toonKinder: boolean = true;
  toonSalon: boolean = true;
  toonKamerNummer: boolean = true;
  uren = [
    {value: 1, label: '1 uur'},
    {value: 2, label: '2 uren'},
    {value: 3, label: '3 uren'},
    {value: 4, label: '4 uren'}         ];
  hulpKleur:string= "red";
  behandelKleur:string = "orange";
  volKleur:string="green";
  leegKleur:string="white";    }

Answer 1

从应用程序中获取类的默认设置的最佳方法是：

创建服务并将其添加到AppModule / module中的提供商
导入该服务并将其注入组件的构造函数
在您的代码中使用它。

Answer 2

这是一个如何使用它的示例：

let i: Instellingen=new Instellingen();
console.log(i.urenTotBehandeling); // 4

希望有所帮助:)

Answer 3

import { Component } from '@angular/core'    
import { NgForm } from '@angular/forms'    
@Component({
selector :'ang-model',
template :`
Model :<input [(ngModel)] ='name' /> // Data Binding 
       {{name }} // string interpolation`
})
export class AngModelComponent{
       name : string = "Practice ";
}

尝试上面的数据绑定和字符串插值方法

Angular 2：从类中获取数据

3 个答案: