sixteen_cicle的博客

接触到手机app开发设计，但没有实际参与开发，希望未来有机会能够参与，然后在这里做个笔记1.目前手机APP有三类：原生APP、WebAPP、HybridApp2.Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。该框架提供了很多基本的移动用户界面范例，例如像列表（lists）、标签页栏（tabbars）和

教程来源：http://www.tuicool.com/articles/2Qbiqi每天学习一点知识：客户端表单验证是AngularJS里面最酷的功能之一。 AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。在AngularJS中，有许多表单验证指令。在这里，我们将谈谈几个最流行指令：所有输入字段可以进行一些基本的验证，例如最小长度，最大

1.angularjs的内置服务多，例如：$scope,$rootScope,$http,$q,$resource,$routeProvider等等。2.Controller 干的事情仅仅就是把相应的数据或者方法绑定到 ViewModel 中。随着 Angular 1.2 中 Controller As 语法的到来，就不再需要 $scope 了。// Angular 1.x

$emit只能向parent controller传递event与data$broadcast只能向child controller传递event与data$on用于接收event与data代码说明：view：                                         click me

ng-model 指令绑定了 HTML 表单元素到 scope 变量中。如果 scope 中不存在变量, 将会创建它。

1.开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”2.当加载该页时，标记ng-app告诉AngularJS处理整个HTML页并引导应用3.使用双大括号标记{{}}的内容是问候语中绑定的表达式，这个表达式是一个简单的字符串‘World’使用AngularJS对我们的问候语文本绑定一个动态表达式。1.文本输入指令绑定到一个叫yourname

ng-disabled1.定义和用法ng-disabled 指令设置表单输入字段的 disabled 属性(input, select, 或 textarea)。如果 ng-disabled 中的表达式返回 true 则表单字段将被禁用。2.语法, , 和 元素都支持该指令。3.参数值expression: 如果表达式返回true，则设置为元素添加 disable

1.restrict: 'A', //指令声明限制说明：E:element,元素A:Attribute,属性C:Class,样式类M: remark,注释2.priority(数字)可选参数，指明指令的优先级，若在单个DOM上有多个指令，则优先级高的先执行；3.terminal（布尔型），可选参数，可以被设置为true或false，若设置为true，则优先级低于此指

1.在指令中存在controller和link属性的疑问那么，开始第一次尝试，写一个指令吧结论：基础是非常重要的考虑指令的命名，和在页面的显示指令的组成2.指令中的controller和link都可以实现同样的效果，那在指令中放这两个属性干嘛？  我们的代码到底是放在controller还是link中？解决问题：我们首先来看看当二者一起使用时，呈现结果的顺序即在编译

在设置route的时候,开启HTML5模式.angular.module('router', ['ngRoute']).config(['$routeProvider', '$locationProvider',  function($routeProvider, $locationProvider) {    $locationProvider.html5Mode(tru

切记用ng-if代替ng-show原因：通常angular建议一个页面的数据绑定不超过2000个,假如现在有一个页面直接绑定了2000个model,然后你加载,会发现非常卡.如果你将每100的model设置为ng-show,默认情况下不显示,你会发现还是很卡.1.ng-if 指令用于在表达式为 false 时移除 HTML 元素。如果 if 语句执行的结果为 true，会添加移

1.js/app.js angular.module('app',['ionic','ngCordova','ionic-citypicker','ui.sortable', // 其他项目功能模块]).run(function($ionicPlatform){ $ionicPlatform.ready(function(){ // toodo

js/services.jsangular.module('servicesMo',[]).factory('basePage',function($state, $ionicLoading, $ionicHistory){ // todo return { init: function($scope, loadData) {

1.ng内置了一些过滤器，它们是：currency(货币)、{{num | currency : '￥'}}date(日期)、{{date | date : 'yyyy-MM-dd hh:mm:ss EEEE'}}filter(子串匹配)、{{ childrenArray | filter : 'a' }} //匹配属性值中含有a的{{ childrenArray | filt

与远程HTTP服务器交互时会用一个非常关键的服务-$http1.普通$http请求某个controller.js:angular.module('app.appCtr'[])/*js文件名.功能模块名*/.controller('appCtr.sidebar', function($scope,$http){  // $http(config).success(

angular.module('directiveMO',[]).directive('fileModel',function($parse){ // todo return { restrict : 'A', link:function(scope, element, attrs, ngModel){ }, }}

scope是html和单个controller之间的桥梁，数据绑定就靠他了rootscope是各个controller中scope的桥梁某个controller.js:var phonecatApp = angular.module('phonecatApp',[]);phonecatApp.controller('TestCtrl',['$scope','$ro

$state方法：go()  reload()get()$state属性：currentparams$state事件$stateChangeError$stateChangeStart$stateChangeSuccess$stateNotFound1.app.js目标页面定义接受的参数angular.module('myapp',[

1.先创建一个静态HTML页面模板，然后把这个静态HTML页面模板转换成能动态显示的AngularJS模板。2.对于AngularJS应用，我们鼓励使用模型-视图-控制器（MVC）模式解耦代码和分离关注点（1）在AngularJS中，一个视图是模型通过HTML模板渲染之后的映射。（2）这里我们使用ngRepeat指令和两个用花括号包裹起来的AngularJS表达式——{