前面的章节中我们已经学会了ionic 框架如何导入到项目中。
接下来我们将为大家介绍如何创建一个 ionic APP 应用。
ionic 创建 APP 使用 HTML、CSS 和 Javascript 来构建,所以我们可以创建一个 www 目录,并在目录下创建 index.html 文件,代码如下:
大家按照步骤在自己的编辑器上来认真的完成这个APP的创建吧。
<Meta charset="utf-8">
Todo
<Meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
上面引入 app.js 文件:
修改 index.html 文件 body 标签的内容,代码如下所示:
以上步骤我们已经完成了 ionic 基本 APP 的应用。
创建列表
首先创建一个控制器 TodoCtrl:
在app.js文件中,使用控制器定义列表数据:
在index.html页面中数据列表我们使用 Angular ng-repeat 来迭代数据: