大纲 用于简单示例和简单应用的controller 应用多个controller应用的作用域问题controller继承作用域问题Controller的创建 AngularJs controller使用无处不在，在里代码演示比较简单的创建工作。<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ng-app="exampleApp"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>App</title><script src="angular.js"></script><li...
最近一月份的日子，学习了AngularJs，还只是刚刚入门而已。了解了基本的语法规则以及很简单的应用。仔细想想，学习AngularJs的时间大概半个月的时间，每天花在AngularJs上两三个小时。在短短的学习入门时间，也想简简单单地做一个阶段性的总结。下一次的学习应该是进阶。计划准备在NodeJs入门之后进阶AngularJs和NodeJs。AngularJs是什么东东？AngularJS 使得开发现代的单一页面应用程序变得更加容易（单一页面应用程序SPAs：Singl...
在使用AngularJS中处理promise的时候，有时会碰到需要处理多个promise的情况。最简单的处理就是每个promise都then。如下： var app = angular.module("app",[]);app.controller("AppCtrl", function($q. $timeout){var one = $q.defer();var two = $q.defer();var three = $q.defer();$timeout(function(){one.resolve("one done");}, Math.random() * 1000)$timeout(function(){two.resolve("two done");}, Math.random() * 1000)...
原文：http://www.cnblogs.com/aliwa/p/6368534.html
1. 安装AngularJS1.1 AngularJS官网 Github源码：https://github.com/angular/angular.js 官网：https://angularjs.org/1.2 npm安装AngularJSnpm install angular 原文：http://www.cnblogs.com/libingql/p/6919257.html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/angular-1.3.0.js" ></script> </head> <body> <div ng-app="hd" ng-controller="ctrl"> 游戏：<input type="checkbox" ng-model="data.game" ng-true-value="1" ng-false-value="0"/> 电影：<input type="checkbox" ng-model="data.video" ng-true-value="1" ng-false-value="0"/> {{data}} <div ng...
出现这个问题是因为在 angularJs 1.3 中 为了让 根节点上（rootScope）不再被挂上许多冗余的内容，所以禁止了直接在根上注册controller。 第一：以后不能直接以 function XXXcontroller （）{ code......}这样的方式直接注册监听器了。以后必须angular.module(‘phonecatApp‘, []).controller(‘PhoneListCtrl‘,function($scope) {}这样来将controller注册到对应的模型上。 第二: 在 ng-aap 中指定相对应的模型。如 之前：<ht...
一：angularJs的事件。1.ng-click指令定义了AngularJS点击事件。<div ng-app="myapp" ng-controller="myctrl"><button ng-click="count=count+1">点赞</button><h1><span style="color:‘red">?</span>{{count}}</h1> </div> <script type="text/javascript">angular.module(‘myapp‘,[]).controller(‘myctrl‘,function ($scope) {$scope.count=0;}) </script>2.angularJs的事件方法<div ng-app="mapp" ng-controller="mctrl">...
动态添加元素和删除元素//通过$compile动态编译htmlvar html="<div ng-click=‘test()‘>我是后添加的</div>";var template = angular.element(html);var mobileDialogElement = $compile(template)($scope);angular.element("#"+id).append(mobileDialogElement); // remove移除创建的元素var closeMobileDialog = function () {if (mobileDialogElement) {mobileDialogElement.remove();} 原文：http://www.cnblogs.com/SPHmomo/...
我们现在开始准备编写AngularJS应用——phonecat。这一步骤（步骤0），您将会熟悉重要的源代码文件，学习启动包含AngularJS种子项目的开发环境，并在浏览器端运行应用。进入angular-phonecat目录，运行如下命令：git checkout -f step-0 该命令将重置phonecat项目的工作目录，建议您在每一学习步骤运行此命令，将命令中的数字改成您学习步骤对应的数字，该命令将清除您在工作目录内做的任何更改。运行以下命令：node scripts/web-s...
当从后台获取到的数据呈现到视图上时，此时可能需要对数据进行相应的转换，此时我们可以通过过滤器在不同页面进行不同数据的格式抓换，在AngularJS中有常见默认的过滤器，当然若不满足所需，我们可以自定义过滤器。AngularJS 过滤器可以用来格式化数据，过滤器能够用在表达式和指令中。使用一个管道字符（|）添加到表达式和指令中。默认过滤器列举AngularJS中常见的过滤器，如下：过滤器名称描述例子 currency money格式化 {{ p.pr...
AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script> AngularJS 通过 ng-directives 扩展了 HTML。<!DOCTYPE html><html><body><div ng-app=""><p>在输入框中尝试输入:</p><p>姓名: <input type="text" ng-model="name"></p><p ng-bind="name"></p></div><script src="http://apps.bdimg.com/libs/angular.js/1.3.9...
感觉TypeScript真不错，强类型，有点类似c#的感觉，而且如果写错了编辑器都可以感知出来，于是就开始看ionic2。ionic2是基于angular2的，语法跟以前有了很大的变化。但自己写原生app写惯了，反而觉得这种方式更方便一些。每个页面都是一个组件，组件里也可以套组件，html标签都可以自定义，也就可以无限扩展。虽然ionic2和angular2都还没发布正式版，但手头的这个小东西用一下也未尝不可，就开始动工了。先列一下学习资源：TypeScr...
今天我们先对 priority，template，templateUrl进行学习1.priority 可取值：int 作用：优先级 一般priority默认为0，数值越大，优先级越高。当一个dom元素上有多个指令，在执行compile函数的时候，指令的执行顺序为：高优先级，先链接排序的先执行如果想让一个指令最后一个执行： terminal 这个参数设置为true，即可使该指令在同一个Dom元素上的指令列表里最后一个执行 2.template可取值：string或function作用：指令操作元素的...
在angularjs中的传参的jquery的方式是极度相似的噢，而且还可以通过bind来改变指向 <!DOCTYPE html><html lang="en" ng-app="myapp"><head><meta charset="UTF-8"><title>Title</title><script src="js/angular.min.js"></script></head><body></body><script>function show(a1,a2){console.log(a1);console.log(a2);alert(this);}angular.bind(document,show)(10,20); </script></html> 原文：http://www.cnblogs.com/leigood/p...