当前位置: 代码迷 >> 综合 >> AngularJS +Ionic 移动端开发 二
  详细解决方案

AngularJS +Ionic 移动端开发 二

热度:48   发布时间:2023-12-08 17:44:55.0

利用命令创建项目

在终端输入如下任意一行命令创建项目,projectName为项目名称

ionic start projectName tabs        //创建一个带tabs的项目
ionic start projectName blank       //创建一个空项目
ionic start projectName sidemenu    //创建一个带sidemenu的项目

利用命令添加页面

在终端进入项目根目录后,执行如下命令添加页面,setting为页面名称

ionic g page setting

效果如图:
这里写图片描述

将新页面添加到app.module.ts文件中
这里写图片描述

在调用页面添加引用
这里写图片描述

这里写图片描述

tabIcon=”settings” 中settings是从http://ionicframework.com/docs/ionicons/网站获取的
这里写图片描述

利用命令运行项目

在终端进入项目根目录后,执行如下命令

ionic serve

浏览器中的效果
这里写图片描述

这里写图片描述

这里写图片描述

  相关解决方案