利用ionic1 、angularJs1 框架来做的一款app (二)app页面如何显示

最新推荐文章于 2019-06-21 20:43:07 发布

原创最新推荐文章于 2019-06-21 20:43:07 发布 · 331 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ionic 入门

本文详细介绍如何使用Ionic框架在浏览器上显示页面以及将Ionic应用部署到iOS和Android测试设备上的步骤。包括使用ionic serve命令预览网页，以及通过cordova平台添加、构建和运行iOS和Android应用的具体操作。

(1) . 页面在浏览器上显示

(2) . 将app打到测试机上

(1) . 页面在浏览器上显示

cd myApp

ionic serve

(2) . 将app打到测试机上

（ios 测试机）

需要在xcode 中配置，如下图

cordova platform add ios

cordova build ios

cordova run ios

(android测试机)

cordova platform add android

cordova build android

cordova run android

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lions_mouse

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Hybrid App学习心得：cordova + ionic + angularjs

强悍的蛋炒饭的博客

07-04

1243

1.对Hybrid App的一些理解在之前就有很多公司推出过纯H5编写的轻应用，就是WebApp，主要的有点就是跨平台，更新快。但是这种App也存在很多缺点，例如很依赖网速，不能获取到系统级别的通知，这样造成用户体验很差。如果要做到又能跨平台，用户体验也能保证良好，那就需要用到混合开发技术，也就是Hybrid App。2.Hybrid App和Native App的主要区别

仿QQ聊天窗口

09-16

从网上搜集了些资料，做了一个仿QQ聊天窗口。调用我自己在新浪云平台的一个PHP文件，由它再调用simsimi引擎，实现聊天机器人功能。

参与评论您还未登录，请先登录后发表或查看评论

利用ionic1 、angularJs1 框架来做的一款app (一)创建ionic 1项目

lions_mouse的博客

11-01

792

文章目录 (1) . 安装nodejs (2) . 安装最新版本的cordova 和 ionic (3) . 创建ionic1 项目 (1) . 安装nodejs 在nodejs官网上下载安装包。 (2) . 安装最新版本的cordova 和 ionic npm install -g cordova ionic (3) . ...

ionic + angular + cordova, 打造专属自己的App！

weixin_33937499的博客

06-21

322

ionic 学习地址：http://ionicframework.com/ ionic 好处： ionic serve --lab 预览平台间的差异化 sass 提供app的样式配置 consolelogs 方便终端的日志跟踪我的第一款专属App，《我的豆瓣》 1.0 发布了，用了将近2天的时间做出来了。 apk 链接下载...

ionic+Angular+Cordova初学者文档

12-07

一共22个pdf文档，适合初学者学习，内容详细。

利用ionic1 、angularJs1 框架来做的一款app (三)实现路由ion-tabs

lions_mouse的博客

11-02

443

目录 (1) . 导包 (2) . 写js路由 (3) . 绘制html页面 (4) . 在controller.js 添加声明对应controller (5) . 在index.html声明整个app用这个模型 (6) . 三个html页面 (7) . 效果图 (1) . 导包 <script src="js/app.js"></script> &l...

ionic1.x+angular1.x实现拍照上传

xuehu837769474的博客

04-11

913

一、插件安装 //先检查是否已添加ngCordova，这一步一般使用过cordova插件都已经添加过了，不需要再添加。 $ bower install ngCordova //或者去别的项目拷贝 <script src="lib/ngCordova/dist/ng-cordova.js"></script> //安装相机插件 ionic cordova plugin a...

基于Ionic2 AngularJS2技术的跨平台物业管理App系统设计与实现.pdf

08-26

本文探讨了基于Ionic2和AngularJS2技术设计与实现的一款跨平台物业管理App系统，旨在解决当前物业管理中的滞后问题，提高服务质量和效率。随着移动互联网的快速发展，移动端物业管理App成为了解决业主需求的重要工具...

Cordova_Ionic_AngularJs环境安装及Eclipse开发HybridApp的配置

11-12

Ionic是一款基于AngularJS的开源HTML5移动应用框架，专为构建高性能的混合移动应用而设计。它不仅提供了丰富的UI组件和交互设计，还强化了AngularJS的功能，使得开发者可以轻松创建具有响应式布局和触摸优化的移动...

基于Ionic3和AngularJS实现城域网掌维APP.pdf

08-26

总结来说，这款基于Ionic3和AngularJS的城域网掌维APP，通过集成现代开发技术和运维理念，构建了一个高效、便捷的运维工具，对于提升通信行业的运维效率和应对复杂网络环境的能力具有重要意义。

Ionic+AngularJS实现登录和注册带验证功能

10-20

2. AngularJS框架: AngularJS是一个开源的JavaScript框架，由Google维护。它是用于构建动态Web应用的框架。AngularJS的最大特点是数据绑定和依赖注入，能够帮助开发人员更轻松地管理应用的各个部分。 3. 登录和注册...

Android版cordova人脸识别插件

02-26

Android版cordova人脸识别插件。 Android版cordova人脸识别插件，调用摄像头自动进行人脸拍照，把图片Base64处理发送给百度服务端进行照片识别，如果达到可信任的分数就代表认证通过。 cordova 人脸识别

Webpack入门——使用Webpack打包Angular项目的一个例子

kagol的博客

01-23

2516

通过一个例子介绍如何将前端模块管理利器Webpack用在Angular项目中。

Ionic1x实现简单的评论星级组件

不忘初心

09-19

919

最近敲代码，需要个评论星级，因为好多地方都需要评级，干脆直接封装成一个指令，方便了好多，代码很简单，毕竟实现的东西也不多，有问题大家可以一起讨论下，希望能帮到好学的coder。 Ionic2差不多也，毕竟原理就那么回事/** * 评论星级组件 */app .directive('star', function () { return {

ionic结合angularjs实现跳转到上个页面的功能