AngularJS 简介AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好的选择。AngularJS 最为复杂同时也是最...
每当一个指令被创建的时候，都会有这样一个选择，是继承自己的父作用域（一般是外部的Controller提供的作用域或者根作用域（$rootScope）），还是创建一个新的自己的作用域，当然AngularJS为我们指令的scope参数提供了三种选择，分别是：false,true,{}；默认情况下是false。1.scope = falseJS 代码：html 代码：result:修改文本框的内容，两个名字都会变，实际上修改的是同一个$scope的name属性。2. scope=true修改上面的JS代码，将...
什么是scope AngularJS 中，作用域是一个指向应用模型的对象，它是表达式的执行环境。作用域有层次结构，这个层次和相应的 DOM 几乎是一样的。作用域能监控表达式和传递事件。 在 HTML 代码中，一旦一个 ng-app 指令被定义，那么一个作用域就产生了，由 ng-app 所生成的作用域比较特殊，它是一个根作用域（$rootScope），它是其他所有$Scope 的最顶层。 除了用 ng-app 指令可以产生一个作用域之外，其他的指令如 ng-contr...
如果你只想知道结论：$scope.$watch($rootScope.xxx,function(newVal,oldVal){ //do something })马上就有人问为什么不是:$rootScope.$watch("xxx",function(newVal,oldVal){ //do something })从我最近的一个bug来说说为什么要用第一种方式。 逻辑如图，一开始我使用了 $rootScope.$watch 的写法。因为 angularjs 在 $rootScope 上的 watch 一旦注册全局有效。而我的这个全局变量恰好是订单信息，也就是说不同的 controller 对他都...
AngularJS 简介 AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好的选择。AngularJS 最为复杂同时也是...
范围扮演其视图连接控制器的角色一个特殊的JavaScript对象。范围包含了模型数据。在控制器，模型数据通过$scope对象访问。var mainApp = angular.module("mainApp", []);mainApp.controller("shapeController", function($scope) {$scope.message = "In shape controller";$scope.type = "Shape";});以下是在上面的例子中需要考虑的重要问题。$scope被作为第一个参数在其构造器确定指标到控制器。 $scope.message 和 $scope.typ...
var app=angular.module('firstApp',[]); app.controller('parentCtrl',function($scope) { $scope.args = '123'; }).controller('childCtrl', function($scope) {});案例说明：虽然在 childCtrl 中没有定义具体的 args 属性，但是因为 childCtrl 的作用域继承自 parentCtrl 的作用域，因此，childCtrl通过原型链 到父作用域args 属性并设置到input中。且在父input中输入值自己动同步到子input中 但是反之不行。即子中修改，无法改...
Angular模板引用变量如果你曾经参与过Angular项目的开发，那么你可能一眼就会看出谁将是本文的主角： <input type="text" [value]="value" #name>若你对此陌生，也无须在意。示例代码的<input>标签的属性中存在一个画风明显与其他属性不同的家伙——#name，这种以一个#开头命名，被附加在DOM元素上的属性，被称为模板引用变量（template reference variables）。 那么何为模板引用变量呢？文档是这样描述的：A template reference ...
在定义指令的scope属性如果设置成了{}，那就成为了一个独立作用域，如果要传入一个方法，使用&,但是这里的传参有点不一样。 先看下官网解释： & or &attr - provides a way to execute an expression in the context of the parent scope. If no attr name is specified then the attribute name is assumed to be the same as the local name. Given and widget definition of scope: { localFn:&myAttr }, then isolate scope p...
1.ctrl1是父级控制器，ctrl2和ctrl3都是ctrl1的子级控制器， 2.父级ctrl1中name值的改变会影响ctrl2和ctrl3中name值的改变， 3.但是ctrl2有自己的name输入传的值，不会影响ctrl1和ctrl3，这就是继承隔离， 4.ctrl3无name赋值就继承父级ctrl1中的name的值。 一、继承隔离的情况 <div ng-app="module"><div ng-controller="ctrl1">{{name}}<input type="text" ng-model="name"><div ng-controller="ctrl2">{{name}}<input type="text...
本文实例讲述了AngularJS中的作用域。分享给大家供大家参考，具体如下： 问题引入 使用 Angular 进行过一段时间的开发后，基本上都会遇到一个这样的坑： <div ng-controller="TestCtrl"><p>{{name}}</p><div ng-if="show"><input type="text" ng-model="name"></div> </div> <script> function TestCtrl($scope){$scope.show = true;$scope.name = htf; } </script>把 p 元素和 input 元素绑定同一个变量，你本以为，在输入框输入内...
简介 Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个存储应用数据模型的对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。 作用域是Web应用的控制器和视图之间的粘结剂： 控制器 --> 作用域 --> 视图（DOM） 指令 --> 作用域 --> 视图（DOM） 当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递: <div ng-controller="myCtrl"> <h1>{{name}}</h1> </div><scr...
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上。$rootScope 每个AngularJs应用默认有一个根作用域--$rootScope， 根作用域位于最顶层，作为其他作用域的父作用域，可作用于整个应用中。 $scope scope(作用域)对应MVC模式的Model，是应用在HTML(视图)和JavaScript(控制器)之间的纽带，可应用在视图和控制器上。 scope是表达式执行的上...
这两天学习了AngularJs之$scope对象这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。一、作用域 AngularJs中的$scope对象是模板的域模型,也称为作用域实例.通过为其属性赋值,可以传递数据给模板渲染. 每个$scope都是Scope类的实例,Scope类有很多方法,用于控制作用域的生命周期、提供事件传播功能,以及支持模板的渲染等. AngularJs的每个应用程序都有一个$rootScope,它是其他所有作用域的父作用域,它的作用范围从包含...
上次分享完该系列文章后有朋友也建议说1.x版本除了维护也没有必要学习，可以学习2.0开始学习，我也知道1.x无论是从性能还是架构上都没有2.x好，但是我想因为现在也有一些朋友还在用1.x版本，因为1.x升级到2.x难度很大，甚至可以说重构，就向我们公司现在还在用1.x版本，所以我还是决定把这系列写完，也给自己一个整理的过程。本人现在也正在学习Angular4.0版本的学习，但是4.0用typescript及nodejs集成比较大，还有学习angular-cli...