AngularJS双向数据绑定ng-model与ng-bind指令这两个指令是实现双向数据绑定的最主要的指令，区别如下：ng-bind has one-way data binding ($scope –> view). It has a shortcut {{ val }} which displays the scope value $scope.val inserted into html where val is a variable name.ng-model is intended to be put inside of form elements and has two-way data binding ($scope –> view and view –> $scope) e.g. .总结来...
写在前面的话： 常见的自动构建工具有 grunt、gulp、webpack，把源码进行合并压缩，节省带宽等~一起来学习 gulp 的使用吧~三、gulp的使用( gulp 中文网)： gulp 的优点：基于流、任务化 常用API: src 、dest 、watch 、task 、pipe（1）安装 gulp： npm install -g gulp（2）再在 webapp文件夹下安装一些 nodejs 模块： npm init 之后webapp中就会出现一个package.json文件，以及一个 node_modules 文件...
AngualrJs是一个javascript框架，它通过<script>标签加到HTML页面中。Angular通过指令拓展了HTML，且通过表达式绑定数据到HTML。Angular是一个javascript框架Angular是一个javascript框架。它是一个以javascript编写的库。Angular是以一个javascript文件形式发布的，可通过script标签添加到网页中：<script src="dist/angular/angular.min.js"></script>各个angular.js版本下载：https://github.com/angular/angular.js/rellaeases...
1.模型参数直接使用变量名，不要加引号<!doctype html> <html ng-app="passAter"><head><meta charset="utf-8"/></head><body><div ng-controller="passCtrl"><input type="text" ng-model="value"/><button ng-click="alertfun(value)">click</button></div></body><script src="./js/angular.min.js"></script><script>angular.module('passAter',[]).controller('passCtrl',['$scope',function($scope){$scope.alertfun = funct...
简介:这个函数返回调试字符串:number,boolean,string,null,undefined,都会转为字符串。function 中括号前面有空格的，会去除函数体，没空格的，会输出函数的所有内容。如果想不管有没有空格，都去掉函数体就改成/ *\{[\s\S]*/对象会转成JSON字符串，要是对象中的属性A跟属性B都指向同一个对象，那么后面那个属性会变成...。对象中的属性如果值为window,document,scope,就会被转换成$WINDOW,$DOCUMENT,$SCOPE。 从源码中可以发现,JS...
AngularJS 指令AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。 ng-app 指令ng-app 指令定义了 AngularJS 应用程序的 根元素。ng-app 指令在网页加载完毕时会自动引导（自动初始化）应用程序。 ng-init 指令ng-init 指令为 AngularJS 应用程序定义了 初始值。通常情况下，不使用 ng-init。使用一个控制器或模块来代替它。 ng-model 指令ng-model 指令 绑定 HTML 元素 到应用程序数据。ng-model 指令也可以：为应用程序数据提供类...
angular.element(document.querySelector("#hotelAttach"))[0].innerText;angular.forEach(array, function(data,index,arrayCopy){// array:需要遍历的集合// data:遍历时当前的数据// index:遍历时当前索引// arrayCopy:需要遍历的集合，每次遍历时都会把array原样的传一次。// index,arrayCopy此两个参数可以省去 }); 原文：http://www.cnblogs.com/pumushan/p/5116790.html
原版地址：http://code.angularjs.org/1.0.2/docs/guide/scope 一、什么是Scope？ scope（http://code.angularjs.org/1.0.2/docs/api/ng.$rootScope.Scope）是一个指向应用model的object。它也是expression（http://www.cnblogs.com/lcllao/archive/2012/09/16/2687162.html）的执行上下文。scope被放置于一个类似应用的DOM结构的层次结构中。scope可以监测（watch,$watch）expression和传播事件。 二、scope的特性scope提供$wa...
建议把脚本放在<body> 元素的底部。这会提高网页加载速度，因为 HTML 加载不受制于脚本加载。 2. AngularJS 通过ng-directives 扩展了HTML。ng-app指令定义一个AngularJS 应用程序。（如果您移除了ng-app指令，HTML将直接把表达式显示出来，不会去计算表达式的结果。）ng-model 指令把元素值（比如输入域的值）绑定到应用程序。（likethe index of input value）ng-bind 指令把应用程序数据绑定到HTML 视图。ng-init指令初始化An...
AngularJS 教程AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 能够构建一个单一页面应用程序（SPAs：Single Page Applications）。AngularJS 学习起来很easy。如今開始学习 AngularJS！ 每一个章节都有对应的实例 在每一个章节中，您能够在线编辑实例。然后点击button查看结果。 AngularJS 实例 <!DOCTYPE html> <html> <body> <div ng-app=""> <p>在输入框中尝试输入：</p> <p>姓名：<input type="text" ng-model="n...
<!DOCTYPE html><html><body><header><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>‘ </header><div ng-app="myMode"><p>在输入框中尝试输入：</p><p>姓名：<input type="text" ng-model="name"></p><hello></hello>{{name}}<p ng-bind="name"></p></div><script src="angular-1.3.0.js"></script><script type="text/javascript">var myModele=angular.module("myMode",[]); myModele.directive("hello...
近来从不同途径听说AngularJS和MEAN stack，感觉很有趣的样子，于是准备抽时间来学习一下。在这里记录学习过程中的笔记。简单整理一下先：1. 我的学习资料： a) 官网 b) wikipedia c) 其他类型网站 d) 电子书2. 关于术语： 之前上学都是看英文，中文也会看，但是专业术语真的记得不太好，之后的笔记里，有些如果是书上学来，可能翻译会有偏差(偏差到不忍直视)，希望路过的高人可以指点。3. 其他想到再继续改。Ok, h...
AngularJS是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，其通过使用指令（directives）结构来扩展HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。 AngularJS诞生以来，吸引了大量的目光，也迅速成为了Web开发领域的新宠。本文整理了2013年度一些非常有价值的AngularJS相关教程和资源，如果你想了解AngularJS或正在使用AngularJS，那么这些资源肯定会为你的学习...
AngularJS有几大特性，比如： 1 MVC2 模块化 3 指令系统 4 双向数据绑定那么本篇就来看看AngularJS的模块化。 首先先说一下为什么要实现模块化： 1 增加了模块的可重用性 2 通过定义模块，实现加载顺序的自定义 3 在单元测试中，不必加载所有的内容 之前做的几个例子，控制器的代码直接写在script标签里面，这样声明的函数都是全局的，显然不是一个最好的选择。 下面看看如何进行模块化： <scri...
tapmodo / Jcrop Jcrop是人气最高的图片裁剪jQuery插件，stars数量2k+，功能非常丰富，文档齐全，首选。Github.com官网也使用了这个插件。有一个小细节是，边框线的蚂蚁线是动画的，真的很用心。 Jcrop项目地址 | demo1 | demo2 | demo3 | demo4fengyuanchen / cropper Cropper也是一款图片裁剪jQuery插件，stars数量1k+，是杭州的前端工程师Fengyuan Chen所写的，功能也相当丰富，裁剪时还可以对原图进行旋转。 Cropper项目地址 ...