<img src="https://angularjs.org/img/AngularJS-large.png" height="50px" weight="50px"/><h3>Sum of two Numbers using AngularJS</h3><div ng-app=""><h3>Using Double Negation</h3><p>First Number:<input type="text" ng-model="a" /></p><p>Second Number:<input type="text" ng-model="b" /></p> <p>Sum: {{ a -- b }}</p><h3>Using Input Type Number</h3><p>First Number:<input type="number" ng-model="c" /></p><p>S...
Using Angular, you can actually access the scope and other things from the console, so when you have a live web page, you can dive in and grab things out of the scope and modify them and what not. $0 is a shortcut for the selected element in your elements. Then you can get the socpe by using:var $scope = angular.element($0).scope(); Can use this $scope to change ng-Model‘s value, to get controlle...
第一章 简单认识AngularJS 1、双向数据绑定可通过ng-model监控输入ng-app属性声明所有被其包含的内容都属于这个AngularJs应用，这也是我们在web应用中嵌套AngularJs的原因只有被具有ng-app属性的DOM元素包含的元素才会受AngularJs的影响2、MVC模式MVC是一种软件架构设计模式，它将表现从用户交互中分离出来；模型中包含应用的数据和与数据进行交互的方法，视图将数据呈现给用户，而控制器则是二者之间的桥梁。3、模块使用angular....
AngularJS中文学习网：https://www.angularjs.net.cn/ 在Angular JS中常见指令：ng-app：创建一个angularjs的应用ng-init：用来初始化变量数据ng-repaest：遍历对象或者数组等符合数据类型，数组：遍历 下标$index 元素值 ng-repeat = “ele in 模型变量”注意：如果数组中的元素重复，解决ng-repeat=“ele in 模型变量 track by $index”对象：属性值 属性名称 属性值 ng-repeat=（key，value）in 模型变量 ...
创造自定义元素和属性的方法是：directive(‘string‘,function(){ return{}; });①函数接收两个参数：一个字符串(指令的名字)，一个函数；②回调函数必须返回一个对象。③字符串参数(指令的名字)必须符合驼峰命名法则，HTML内的自定义元素或属性名字用连字符链接。 例如：directive(‘myDerective‘,function(){return{};}); <my-directive></my-directive>、<div my-directive></div>④返回对象的属性：restrict：A(...
http://blog.500tech.com/using-reactjs-with-angularjs/ http://www.funnyant.com/reactjs-what-is-it/ http://mono.software/2014/06/20/Improving-AngularJS-long-list-rendering-performance-using-ReactJS/原文：http://www.cnblogs.com/zyip/p/4813555.html
通常大家在使用ng中的指令的时候,用的链接函数最多的是link属性,下面这篇文章将告诉大家complie,pre-link,post-link的用法与区别.angularjs里的指令非常神奇,允许你创建非常语义化以及高度重用的组件,可以理解为web components的先驱者.网上已经有很多介绍怎么使用指令的文章以及相关书籍,相互比较的话,很少有介绍compile与link的区别,更别说pre-link与post-link了.大部分教程只是简单的说下compile会在ng内部用到,而且建议大家只用...
前言：前几天写代码的时候遇到一个问题，有一个按钮，有“已关注”和“+关注”两种状态，需要对这两种状态的按钮的背景颜色进行区分，单后点击“已关注”按钮状态变成“+关注”，相反，点击“+关注”按钮变成“已关注”相应的背景颜色都需要发生改变。点击事件里面改变按钮的背景颜色：angular.element(path).css(‘background‘, ‘blue‘);//改变按钮的背景颜色 path：按钮的路径这个能实现点击的时候改变背景颜色，但是在最开始...
AngularJS 控制器 控制 AngularJS 应用程序的数据。AngularJS 控制器是常规的 JavaScript 对象。即指令ng-controller；例子：<div ng-app="myApp" ng-controller="personCtrl"> 名: <input type="text" ng-model="firstName"><br> 姓: <input type="text" ng-model="lastName"><br><br> 姓名: {{fullName()}} </div><script>var app = angular.module(‘myApp‘, []); app.controller(‘personCtrl‘, function($scope) {$scope.fi...
大纲 用于简单示例和简单应用的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...