import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template: `
<h2>TimeSpinner Style</h2>
<div style="margin-bottom:20px">
<label [for]="t1" align="top">Horizontal:</label>
<eui-timespinner #t1 [(ngModel)]="time" spinAlign="horizontal" [inputStyle]="inputStyle"></eui-timespinner>
</div>
<div style="margin-bottom:20px">
<label [for]="t2" align="top">Vertical:</label>
<eui-timespinner #t2 [(ngModel)]="time" spinAlign="vertical" [inputStyle]="inputStyle" style="width:60px;height:90px"></eui-timespinner>
</div>
`
})
export class AppComponent {
time = '08:30';
inputStyle = {
textAlign: 'center',
fontSize: '16px'
};
}
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);