Angular 2：从类中获取数据

我为我的应用程序的默认设置创建了一个类。但我不知道如何从该类获取数据并在我的html中使用它。我尝试了一个可观察的，但这不是真的工作。Angular 2：从类中获取数据

我的类看起来是这样的：

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"; }

来源

2017-06-07 Klaartje De Backer

例如 export class OtherClass { constructor（）{ let a = new Instellingen（）; a.toonKamerNummer; } } – moohkooh

我不想将它导出到另一个类。我想在我的HTML中使用它。 –

这里有一个例子，你如何使用它：

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

希望它能帮助:)

来源

2017-06-07 12:42:16

谢谢，但我想创建一个服务或东西，所以我可以轻松地在我的HTML中使用它:) –

@KlaartjeDeBacker 您可以创建一个变量，您可以直接在html中使用它，而无需创建类： 'let Instellingen = { \t “urenTotBehandeling”：4， \t “toonNaam”：真的， \t “toonTijd”：= true，则 \t // ... \t “uren”：[{ 值：1，标签： '1 uur'}， {value：2，label：'2 uren'}， {value：3，label：'3 uren'}， {value：4，label：'4 uren'}]， // .. }' 在乌尔HTML： ' {{Instellingen.urenTotBehandeling}}' –

我试过这种方法，但是当我键入{{Instellingen.urenBehandeling}}，我得到无法读取属性“urenBehandeling '未定义 –

获取默认的最佳方法应用程序中某个类的设置将为：

创建服务，并您的AppModule /模块添加到提供
导入该服务，并注入其在组件的构造
用它在你的代码。

来源

2017-06-07 12:43:24

是的，我一直在试图为此创建一个服务。但是我在如何完全做到这一点时遇到了问题。我可以从服务中获取json文件的数据，这可能更容易，所以我觉得有点傻:) –

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 "; 
}

尝试结合数据的上述方法和字符串插值

来源

2017-06-07 13:32:35 aRise

Angular 2：从类中获取数据

回答

相关问题