import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` <h2>Format NumberBox</h2> <div style="width:100%;max-width:400px;"> <div *ngFor="let n of numbers" style="margin-bottom:10px"> <label [for]="nb" align="top">{{n.label}}</label> <eui-numberbox #nb style="width:80%" [value]="1234567.89" [precision]="2" [spinners]="false" [groupSeparator]="n.groupSeparator" [decimalSeparator]="n.decimalSeparator" [prefix]="n.prefix || ''" [suffix]="n.suffix || ''"> </eui-numberbox> </div> </div> ` }) export class AppComponent { numbers = [{ label: 'Number in the United States', groupSeparator: ',', decimalSeparator: '.' },{ label: 'Number in France', groupSeparator: ' ', decimalSeparator: ',' },{ label: 'Currency:USD', groupSeparator: ',', decimalSeparator: '.', prefix: '$' },{ label: 'Currency:EUR', groupSeparator: ',', decimalSeparator: ' ', prefix: '€' },{ label: 'Currency:EUR', groupSeparator: ' ', decimalSeparator: ',', suffix: '€' }]; }
import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { HttpModule } from '@angular/http'; import { EasyUIModule } from 'easyui/easyui/easyui.module'; import { AppComponent } from './app.component'; @NgModule({ bootstrap: [ AppComponent ], declarations: [ AppComponent ], imports: [ FormsModule, BrowserModule, HttpModule, EasyUIModule ] }) export class AppModule { }
import { enableProdMode } from '@angular/core'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app.module'; enableProdMode(); platformBrowserDynamic().bootstrapModule(AppModule);