![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Ionic-基础篇
文章平均质量分 86
ioniconline
这个作者很懒,什么都没留下…
展开
-
导航栏(Header)和(Footer)的使用简介
HeaderHeader是固定在屏幕顶部的组件。可以包含如标题和左右的功能按钮。 如:<ion-view> <div class="bar bar-header"> <button class="button icon ion-navicon"></button> <h1 class="title">Header Buttons</h1> <button原创 2015-12-09 17:56:20 · 5637 阅读 · 0 评论 -
Angular HTML 编译器
原文:https://code.angularjs.org/1.5.0-rc.0/docs/guide/compiler1)、概述 Angular's HTML 编译器 允许你定义新的HTML语法。通过继承自directives,编译器允许你附加新的行为到HTML元素、属性甚至是新的标签。(关于directives后续文章会详细讲解)翻译 2015-12-20 23:16:24 · 1716 阅读 · 0 评论 -
AngularJS – 指令
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.comBuilt-in指令AngularJS 通过被称为 指令 的新属性来扩展 HTML, 带有前缀 ng-。ng-app 指令初始化一个 AngularJS 应用程序。ng-init 指令初始化应用程序数据。ng-model 指令把元素值(比如输入原创 2015-12-03 16:34:51 · 452 阅读 · 0 评论 -
angularjs指令作用及用法
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com 1.ng-app作用:定义了 AngularJS 应用程序的 根元素。 例1:构建的是一整套的angular应用,那么应该将ng-app作为标签的一部分 像: .......原创 2015-12-03 16:37:52 · 1883 阅读 · 0 评论 -
如何集成二维码扫描插件
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com如何集成二维码扫描插件安装插件:$cordova plugin add https://github.com/wildabeast/BarcodeScanner.git从http://ngcordova.com/下载最新的ngCordova原创 2015-12-03 16:41:03 · 3640 阅读 · 1 评论 -
routes.js剖析
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com里面可以放置一些配置相关的内容,包括有界面布局配置,url路由配置等。这些模块配置,是通过调用angular的config函数得以完成的,例子:angular.module('starter.routes', []).config(function ($ionicConf原创 2015-12-03 16:24:20 · 1692 阅读 · 0 评论 -
Ionic 组成模块分类解析
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.comIonic基于angular基础框架开发而来并集成了cordova发展而来,angular负责界面交互,业务逻辑处理等;Cordova则搭建起Javascript与设备功能的桥梁,使得通过调用相应的API即能使用硬件设备功能,比如摄像头,麦克风等。此外ionic原创 2015-12-03 16:36:59 · 1331 阅读 · 0 评论 -
ionic调试方法总结
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com1. 使用ionic serve本地搭建环境(推荐)在项目目录下(有www文件夹的目录)执行ionic serve,会显示localhost,在电脑浏览器中输入localhost即可打开调试界面,Firefox浏览器可以安装firebug来调试,chrome建议使用自带调试原创 2015-12-03 16:28:16 · 13701 阅读 · 0 评论 -
app.js剖析
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.comapp.js作为功能模块的集合处, 最重要的作用就是负责各个 Angular子功能模块的创建,注册和检索等。整个集成工作通过angular.module方法得以完成:语法:angular.module('应用名', [依赖的子模块数组])实例:angula原创 2015-12-03 16:30:03 · 892 阅读 · 0 评论 -
AngularJS – 与服务器通讯
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com$http 是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。AngularJS_http.html: {{res}} var app = angular.module(原创 2015-12-03 16:31:36 · 1537 阅读 · 0 评论 -
AngularJS-模板和数据绑定
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com数据绑定是AngularJS最大的特色。在Angular中,视图和模型的数据不仅是双向绑定的,并而且是实时的,我们可以在Angular Controller的$scope中声明数据模型,在模板中进行绑定。数据 --->模板:数据到表现的绑定,主要是使用模板标记直接原创 2015-12-03 16:32:40 · 2079 阅读 · 0 评论 -
定制Directives
原文:https://code.angularjs.org/1.5.0-rc.0/docs/guide/directive定制Directives本文解释了怎么在你的Angular JS中实现自己的directives。1)、Directives是什么? 大致上,directives标志于DOM元素(例如属性,元素名,注释或CSS类),会让 A翻译 2015-12-24 00:14:32 · 942 阅读 · 0 评论 -
ionic搭建应用模板框架
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.com环境搭建完,对ionic基本了解后,我们来搭个实用的应用框架。ionic提供了三个最常用的示例框架。方便你快速的进入项目开发。 如:sudo ionic start appname blank(sidemenu/tabs) 我们这边从一个空模版来建立应用,这样我们能够从零开始深刻原创 2015-12-03 16:40:03 · 4900 阅读 · 0 评论 -
ionic 通过PouchDB + SQLite来实现app的本地存储
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.comPouchDB:是操作SQLite数据库的javascript库 (跟mongoose操作mongoldb一样)一:创建工程ionic start myappsqlite二:安装SQLite插件和pouchdb.js库,并将pouchdb引入到index.原创 2015-12-03 16:42:23 · 1560 阅读 · 0 评论 -
filter.js剖析
Ionic过滤器集成使用了Angularjs filter过滤器:过滤器这块分两种来介绍,包括有内置的过滤器和自定义过滤器。1、内置的global过滤器1.1)定义:内置过滤器定义在项目www/lib/ionic/js/angular/angular.js1.1.1)、filter模块注入:filter: invokeLaterAndSetModuleNa原创 2015-12-10 10:08:12 · 1694 阅读 · 0 评论 -
controllers.js以及scope介绍
Ionic控制器集成使用了Angularjs controller控制器。controller模块是ionic的核心模块,承接了数据内容服务与界面显示之间的桥梁作用。1.1)、Controller定义:控制器模块定义在项目的www/js/controllers.js1.2)、Controller语法:angular.module(‘module name’, [原创 2015-12-10 11:03:19 · 1816 阅读 · 0 评论 -
service.js剖析
Ionic控制器集成使用了Angularjs service服务。1.1)、定义: 服务模块建议定义在项目的www/js/services.js1.2)、作用: 之前讲controller的博文已经提过,controller尽量要轻量级,重量级的活(业务逻辑处理、数据持久化等)当然是留给service来干了。 考虑到内存性能, controlle原创 2015-12-11 16:40:54 · 3911 阅读 · 0 评论 -
AngularJs学习笔记--Scope
原文 http://www.cnblogs.com/lcllao/archive/2012/09/23/2698651.html转载 2015-12-11 17:55:33 · 646 阅读 · 0 评论 -
AngularJS 之 Factory vs Service vs Provider
http://www.oschina.net/translate/angularjs-factory-vs-service-vs-provider转载 2015-12-11 18:02:29 · 1183 阅读 · 0 评论 -
Understanding Scopes
https://github.com/angular/angular.js/wiki/Understanding-Scopes转载 2015-12-11 18:01:12 · 350 阅读 · 0 评论 -
Angular 动画
原文:https://code.angularjs.org/1.5.0-rc.0/docs/guide/animations1)、动画AngularJS 1.3 为常用的directives,例如ngRepeat, ngSwitch, 和ngView提供挂钩,通过 $animate service也可以为自定义的directive使用。 这些animation钩子设置翻译 2015-12-28 22:55:50 · 2487 阅读 · 0 评论 -
深入理解 AngularJS 的 Scope
http://www.lovelucy.info/understanding-scopes-in-angularjs.html转载 2015-12-11 18:00:01 · 880 阅读 · 0 评论 -
Angular concepts
原文:https://code.angularjs.org/1.0.2/docs/guide/conceptsOverviewThis document gives a quick overview of the main angular components and how they work together. These are:startup - bring转载 2015-12-14 13:08:23 · 452 阅读 · 0 评论 -
SASS(SCSS)学习及其在ionic中的应用
1) Scss简介:官网:http://sass-lang.com/学习网站:http://www.w3cplus.com/sassguide/CSS with superpowersSass as the premier CSS extension language,首选CSS扩展语言概括:css3便捷化,增加了嵌套、变量、混合、选择器、继承等功能。好处:让CSS的开原创 2015-12-03 16:18:20 · 7460 阅读 · 2 评论 -
AngularJS - MVC 模型
您可自由转发此文, 但请保留出处:Ionic在线学习网站 http://www.ioniconline.comModel: MVC模式最底层的, 负责应用数据的管理, 向view层提供数据, 并接收controller层的数据更新请求View: 负责将从model层拿到的数据展现给用户Controller: 负责对用户的输入, 事件进行响应,控制协调 model和view原创 2015-12-03 16:35:58 · 1017 阅读 · 0 评论 -
Angular-依赖注入
原文:https://code.angularjs.org/1.5.0-rc.0/docs/guide/di依赖注入(DI)是软件设计模式,用来处理组件怎样掌控它们的依赖关系。 Angular注入子系统负责创建组件,解决它们的依赖关系,并把它们提供给其它需要的组件。1)、使用依赖注入依赖注入贯穿于Angular,可以在定义组件或给模提供 run 和confi翻译 2015-12-25 23:34:55 · 2975 阅读 · 0 评论