开发Ionic应用前Angular js必备知识

  Angular js是一个Web应用框架,它极其流行,已经成为目前使用最广泛的Javascript工具之一。Ionic基于AngularJS构建而成,所以学习一些AngularJS的知识很有必要。Ionic并没有独立开发一套完整的Web应用框架,而是对AngularJS进行了扩展,给它添加了大量界面组件和其他的移动端友好的特性。

  本篇文章会带你了解AngularJS的核心知识并介绍一些基础知识。我们学会控制器,顾名思义,它会控制(control)你的数据。接着我们介绍作用于,它会连接控制器和用户界面,后者被称为视图(view)。仔细观察视图,你会看到他们是如何通过模板和作用域来创建交互视觉效果的。在这个过程中,我们还会学习其它特性,比如如何使用过滤器来转换数据、如何构建并使用指令来增强现有的HTML元素,以及如何从外部数据源中加载并保存应用数据。

  现在我们来看一个bootstrap+AngularJS开发的一个小应用,方便我们了解AngularJS。你可以草丛GitHub上查看完整的项目代码https://github.com/ionic-in-action/chapter3。如果你想看最终的效果,可以访问https://ionic-in-action/chapter3.herokuapp.com

时间: 2024-10-05 12:43:53

开发Ionic应用前Angular js必备知识的相关文章

angular.js小知识总结

angular-watch.html 代码如下: <script> var app = angular.module('app',[]); app.controller('ctrl',function($scope){ $scope.init = { price : 20,//单价 count : 5, //数量 money : 3 //运费 }; $scope.a = 0; $scope.$watch('init.count',function(newVal,oldVal){ console

Angular JS开发指南 第一章 Angular JS概述

什么是Angular? AngularJS是一个开发动态Web应用的框架.它让你可以使用HTML作为模板语言并且可以通过扩展的HTML语法来使应用组件更加清晰和简洁.它的创新之处在于,通过数据绑定和依赖注入减少了大量代码,而这些都在浏览器端通过JavaScript实现,能够和任何服务器端技术完美结合. Angular是为了扩展HTML在构建应用时本应具备的能力而设计的.对于静态文档,HTML是一门很好的声明式的语言,但对于构建动态WEB应用,它无能为力.所以,构建动态WEB应用往往需要一些技巧才

用Trigger.io改进移动Angular.js应用

用Trigger.io改进移动Angular.js应用 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs Trigger.io Forge可以让我们使用最新.最好的Web技术来开发本地移动应用.本文展示了开发一个简单的Angular.js应用示例,并使用Forge模块增强此应用,包括:1)使用forge.prefs来增加离线能力和持久化能力2)使用forge.topbar来增加本地topbar和动作按钮3)使用forge.tabbar来实现视图间的导航

程序员使用Angular JS的五大理由

AngularJS诞生于2009年,由Misko Hevery等人创建,后为Google所收购.它是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS有着诸多特性,最为核心的是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入等等.今天,我们将为大家列出开发人员应该使用Angular JS的五大理由! 1. 良好的应用程序结构--MVC架构 Angular JS采用MVC架构以进行Web应用程序开发.要实现MVC,开发人员只需要对自己的应用进行拆分,其它的

带你进入Angular js的大门

首先需要指出什么是angular js,其实说白了angular js就是Javascript的一个类库,我们使用这个类库可以很容易的创建web页面.双向绑定是angular js其中的一个重要特征,这也是相对于其他的Javascript的类库来说angular js中很重要的特征.双向绑定即是当你修改任何属性的值的时候,相关联的html元素也将改变,你并不需要额外的去修改. Angular js还为我们提供了MVVM(Model View ViewModel)的模型.MVVM的意思就是说Mod

史上最全的Angular.js 的学习资源

Angular.js 的一些学习资源 基础 官方: http://docs.angularjs.org angularjs官方网站已被墙,可看 http://www.ngnice.com/: 官方zip下载包 http://best.factj.com/dolymood/angular-packages,已增加docs服务,输入地址即可,例如:http://blog.aijc.net/angular-packages/angular-1.3.15/docs/ jquery?ag? : http:

Angular JS知识小总结

1.什么是Angular JS? AngularJS 是一个为动态WEB应用设计的 JavaScript结构框架. 2.Angular JS的用处? --它是为了克服HTML在构建应用上的不足而设计; --适用于CRUD应用,是为了消除页面上的DOM操作而生.它的核心理念是借鉴了MVC框架,但是它其实更接近于MVVM.viemmodel是一个原生的javascript对象,angularJS把view和model加到viemmodel上,从而实现数据的绑定.而且这种绑定是双向的,即view变化

[Pro Angular.JS]学习笔记1.1:设置开发环境

可以使用yeoman.io,很方便.我已经写了一篇随笔,介绍如何使用.这里也有一篇介绍的文章:http://www.cnblogs.com/JoannaQ/p/3756281.html 代码编辑器,在Mac下用了一下WebStorm,太恶心了.另外发现书的作者使用的开发环境是Windows + VS Express 2013,为了方便学习,我也使用VS Express 2013 Update2.VS2013用起来蛮舒服的,把WebStorm比得跟驼屎一样.也许是因为我没用习惯吧. 1.安装Nod

移动端webapp开发必备知识

移动端webapp开发必备知识 移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了.本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案. 一.基本概念 (1) CSS pixels与device pixels CSS pixels: 浏览器使用的抽象单位, 主要用来在网页上绘制内容. device pixels: 显示屏幕的的最小物理单位,每个dp包含自己的颜色.亮度. 等值的 CSS pixe