角2：クラスからデータを取得

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

は、あなたがそれを使用する方法の例です：

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

はそれが役に立てば幸い:)

Answer 2

デフォルトを取得するための最良のアプローチアプリケーション内のクラスからの設定は、次のようになります。

1. は、サービスを作成し、AppModule /モジュールにプロバイダへ
2. インポートサービスを、それを追加し、あなたのコードでそれを使用し
3. あなたのコンポーネントのコンストラクタでそれを注入します。

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

結合データと文字列補間