Angular2创建前端控件Wijmo Input工程教程
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Angular2创建前端控件Wijmo Input工程教程本文来介绍如何在Angular2下使用Input控件。
功能介绍
支持Angular 2的输入控件可以创建丰富的Hybrid应用
使用Angular2创建输入控件工程
1.创建新工程
首先创建一个HTML Application with TypeScript新工程，如下图所示：
2.删除文件
选择工程中的app.css, app.ts和index.html文件，并删除。如图所示：
3.更改工程配置
选择工程-属性。在配置对话框里，将TypeScriptBuild->Module system更改为CommonJS，如图：
4.更新
首先选择工程的UploadProject
接着选择工程的编辑工程，如下图（4-2）：
然后在文件中粘贴：
点击右侧工程的Reload Project（如图4-2）中所示的列表。
最后在弹出的对话框中点击Yes按钮。
5.添加Json文件
在工程里添加新的Json文件，如图：
并且把内容复制到新建的Json文件中。
6.编辑页面
打开default.html文件，开始编辑页面和添加控件。
首先在
中添加引用。继续添加必要的wijmo引用：