標籤:angular2 spreadjs
650) this.width=650;" src="http://images2015.cnblogs.com/blog/978677/201706/978677-20170621120018913-672513010.png" width="713" height="396" />
日前,純前端表格控制項 SpreadJS 發布了最新的CTP版本,在此版本中增加了對 Angular2 的支援以及一些 bug 修複。
SpreadJS 純前端表格控制項是基於 HTML5 的 JavaScript 試算表和網格功能控制項,提供了完備的公式引擎、排序、過濾、輸入控制項、資料視覺效果、Excel 匯入/匯出等功能,適用於 .NET、Java 和移動端等各平台線上編輯類 Excel 功能的表格程式開發。
Angular2 是一套完整的前端架構,用於構建行動裝置 App和案頭 Web 應用程式的開發平台。與 AngularJS 相比,Angular2 是一個完全重寫的版本,同時也不相容 AngularJS。Angular2 是基於 ES6 的 TypeScript 擴充實現的,增加了對 iOS 和 Android 等的原生移動支援;在 Angular2 中只有一種依賴注入方式,就是在建構函式中通過類型注入,這種方式能夠實現在不同層次的組件樹中,對相同類型有不同的實現。
SpreadJS 對 Angular2 這個當前流行的前端架構的支援,表明 SpreadJS 始終站在技術前沿,為使用者提供最新最全的技術,協助使用者更加快速、靈活的進行線上類編輯 Excel 功能的表格程式開發。
在 Angular2 中整合 SpreadJS 只需四步:
首先,將 SpreadJS 的相關檔案加入到 Angular2 的工程中。
其次,修改 app.module.ts 檔案,將 SpreadJS 的相關 module 引入到工程中。
再次,修改 app.component.ts 檔案。構建 SpreadJS 模板,並通過對象綁定的方式將 SpreadJS 的一些屬性和事件綁定到模板上。
最後,在工程路徑下使用命令列輸入“npm start”命令重新啟動。
詳細的操作步驟,請參考下面的部落格
http://blog.gcpowertools.com.cn/post/spreadjs-support-angular2.aspx
SpreadJS V10.2 版本即將發布,更多更好的功能盡在新版本中,敬請期待!
登入 SpreadJS 官網,瞭解更多。
本文出自 “葡萄城控制項技術團隊部落格” 部落格,謝絕轉載!
SpreadJS 全面支援 Angular2,V10.2 版本即將發布