为什么选择WijmoJS？作为一款纯前端控件集，WijmoJS秉承“快如闪电，触感至上”的设计理念。在提供优质服务和产品的同时，专注于企业应用开发，不断优化产品架构，与时俱进。除了在全球率先支持AngularJS，目前已经全面应用于React、Vuejs、TypeScript、Ionic等主流框架。凭借先进的触摸设计和完整的AngularJS支持，WijmoJS的FlexGrid和图表控件更专注于顶级性能和零依赖。灵活的API为用户提供易用易操作的体验，充分满足开发需求，是一套最完整的构建企业应用的纯前端控件。先摸，轻量灵活，零依赖，全框架支持，何乐而不为呢？如何使用WijmoJS+Angular6玩转你的web应用？在此，首先恭喜Angular团队发布Angular6.0.0版本！在本文中，我们将展示如何使用WijmoJS和AngularJS创建最流行的基于HTML5的JavaScriptWeb应用程序。阅读有关WijmoJS的Angular支持的更多信息。我们不会深入探讨NPM、Webpack或Angular本身的细节。因为这些工具非常流行，并且有完整的帮助文档。在本文中，我们将重点关注“如何将WijmoJS添加到用Angular编写的Web应用程序”。创建应用程序的基本步骤在所有框架中都是相似的：l??安装适当的CLI（命令行界面实用程序）来构建、运行、维护和部署应用程序。l使用CLI创建应用。l使用NPM将WijmoJS添加到应用中。l导入你要使用的组件，并添加合适的标签。步骤1，创建一个新的Angular应用程序按照以下步骤创建一个新的Angular应用程序，启动并运行：步骤2，添加WijmoJS模块打开网格的“src/app/app.module.ts”文件并添加WijmoJS模块到图表：//src/app/app.module.tsimport{BrowserModule}from'@angular/platform-b??rowser';从'@angular/core'导入{NgModule}；从'.import{AppComponent}/app.component';//导入Wijmo模块import{WjGridModule}from'wijmo/wijmo.angular2.grid';从'wijmo/wijmo.angular2.chart'导入{WjChartModule}；//应用Wijmo许可证密钥import{setLicenseKey}from'wijmo/wijmo';setLicenseKey('你的许可证密钥在这里');@NgModule({declarations:[AppComponent],imports:[BrowserModule,WjGridModule,WjChartModule],providers:[],bootstrap:[AppComponent]})exportclassAppModule{}除了导入我们想要的WijmoJS模块，这段代码还会自动地自动应用许可证密钥以从应用程序中删除WijmoJS水印如果您没有许可证密钥，则可以跳过此步骤。第三步，向控件添加数据首先打开“src/app/app.component.ts”文件，向控件提供一些数据：//src/app/app.component.tsimport{Component}from'@angular/核';//导入Wijmo组件import{CollectionView}from'wijmo/wijmo';@Component({selector:'app-root',templateUrl:'./app.component.html',styleUrls:['./app.component.css']})exportclassAppComponent{title='WijmoStarterApp';数据=this.getData();getData(){varcountries='US,Germany,UK,Japan,Italy,Greece'.split(','),data=[];for(vari=0;i

欢迎来到{{title}}！