Angular 2：从 Class 获取数据

Question

我已经为我的应用程序的默认设置创建了 class。但我不知道如何从 class 中获取数据并在我的 html 中使用它。我尝试了一个 observable，但这并没有真正起作用。

我的 class 看起来像这样：

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

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

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

希望对您有所帮助:)

Answer 2

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

创建服务并将其添加到 AppModule/module

Provider

导入该服务并将其注入组件的构造函数
在您的代码中使用它。

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：从 Class 获取数据

Angular 2: getting data from a Class

angular2-services

angular2-components

angular