import { Component } from '@angular/core'; @Component({ selector: 'app-root', template: ` <h2>Basic SplitButton</h2> <eui-panel [bodyStyle]="{padding:'5px'}"> <eui-linkbutton [plain]="true">Home</eui-linkbutton> <eui-splitbutton [menu]="edit" [plain]="true" iconCls="icon-edit">Edit</eui-splitbutton> <eui-splitbutton [menu]="help" [plain]="true" iconCls="icon-help">Help</eui-splitbutton> <eui-menubutton [menu]="about" [plain]="true">About</eui-menubutton> </eui-panel> <eui-menu #edit> <eui-menu-item text="Undo" iconCls="icon-undo"></eui-menu-item> <eui-menu-item text="Redo" iconCls="icon-redo"></eui-menu-item> <eui-menu-sep></eui-menu-sep> <eui-menu-item text="Cut"></eui-menu-item> <eui-menu-item text="Copy"></eui-menu-item> <eui-menu-item text="Paste"></eui-menu-item> <eui-menu-sep></eui-menu-sep> <eui-menu-item text="Toolbar"> <eui-submenu> <eui-menu-item text="Address"></eui-menu-item> <eui-menu-item text="Link"></eui-menu-item> <eui-menu-item text="Navigation Toolbar"></eui-menu-item> <eui-menu-item text="Bookmark Toolbar"></eui-menu-item> <eui-menu-sep></eui-menu-sep> <eui-menu-item text="New Toolbar..."></eui-menu-item> </eui-submenu> </eui-menu-item> <eui-menu-item text="Delete" iconCls="icon-remove"></eui-menu-item> <eui-menu-item text="Select All"></eui-menu-item> </eui-menu> <eui-menu #help> <eui-menu-item text="Help"></eui-menu-item> <eui-menu-item text="Update"></eui-menu-item> <eui-menu-item text="About"></eui-menu-item> </eui-menu> <eui-menu #about [noline]="true"> <div style="padding:10px"> <img src="https://www.jeasyui.com/images/logo1.png" style="width:150px;height:50px"> </div> </eui-menu> ` }) export class AppComponent { }
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);