现象：最近做了一个需求，页面上使用了ng-if 条件做判断，导致通过使用 $scope 获取不到 ng-model 的值。问题原因：ng-if这个指令单独开了一个作用域，它只可以继承，不可以进行往外传值。 解决办法：这个问题就是一个作用域的问题。使用 ng-if ,需要在传值的地方给加上$parent。这样才能使用 $scope 获取到 ng-model 的值。例如写成这样：<input ng-if="xx条件" ng-model="$parent.test" /> 或者 使用 ng-show 代替 ng-if原文：...
什么是作用域. 什么是控制器, 作用域包含了渲染视图时所需的功能和数据，它是所有视图的唯一源头。可以将作用域理解成试图模型(ViewModel). 作用域之间可以是包含关系也可以是独立关系.可以通过设置不同的ng-Controller来让$scope处于不同的作用域下面. 一.$rootScope 1.1 $rootScope可以理解成全局变量,一旦赋值对整个module都有效.$rootScpoe不依赖于任何一个controller, app.run是module被加载时候执行的代...
使用自定义指令的时候在指令里面调用父作用域里面的方法，在指令里面 在父作用域里面的模板里面使用指令 在控制器里面 原文：http://www.cnblogs.com/fanzhengshao/p/6006220.html
Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个对象，有可用的方法和属性。Scope 可应用在视图和控制器上。如何使用 Scope当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递:控制器中的属性对应了视图上的属性：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script></head><body><di...
作用域第一章 作用域和Digest（四）联合$apply调用 - $applyAsync不论在digest里面还是外面调用$evalAsync去延迟工作，他实际是为之前的使用案例设计的。之所以在setTimeout中调用digest是为了在digest循环外面调用$evalAsync时防止混淆。针对在digest循环外部异步调用$apply的情况，同样有一个名为$applyAsync来处理。其使用类似于$apply - 为了集成没有意识到Angular digest循环的代码。和$apply不同的是，他不立即计算给定的函数...
初学NG，有诸多的不解，今天看了一篇文章，原文地址：https://segmentfault.com/a/1190000002773689#articleHeader0 ，本文运行的代码也出处此。里面讲到了自定义指令的scope参数的值有三种，true,false,{}。我按照例子将scope的值运行试验了一把，利用Chrome插件batarang分析了一波，谈谈自己的理解，有不到的地方望各位海涵。 首先，隔离作用域与继承作用域（子作用域）是不同的，隔离作用域同当前DOM的作用域是完全隔离开的。NG...
背景：日积月累系列主要用于自己日常的工作中的点点滴滴，这也是我希望并鼓励公司小伙伴们能够做到和坚持的。作为程序员每天的工作难免会遇到种种错误，各种问题。不能抱有奢望每天没有问题的心态，而应该怀揣一个勇于面对问题、剖析问题并尝试解决问题的心，掌握解决问题之道最重要。 本篇博文简单记录几个近期工作上遇到的问题，好记性不如烂笔头，今日的记录为了明天的事半功倍。问题总结：1. nginx配置多个静态资源截取官方的...
本篇文章主要介绍了详解angularjs 学习之 scope作用域，现在分享给大家，也给大家做个参考。简介Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。Scope 是一个存储应用数据模型的对象，有可用的方法和属性。Scope 可应用在视图和控制器上。作用域是Web应用的控制器和视图之间的粘结剂：控制器 --> 作用域 --> 视图（DOM） 指令 --> 作用域 --> 视图（DOM）当你在 AngularJS 创建控制器时，你可以将 $scope ...
这次给大家带来怎样使用AngularJS作用域，使用AngularJS作用域的注意事项有哪些，下面就是实战案例，一起来看一下。问题引入使用 Angular 进行过一段时间的开发后，基本上都会遇到一个这样的坑：<p ng-controller="TestCtrl"><p>{{name}}</p><p ng-if="show"><input type="text" ng-model="name"></p> </p> <script> function TestCtrl($scope){$scope.show = true;$scope.name = htf; } </script>把 p 元素和 input 元素绑定同一个...
这次给大家带来angular独立作用域的使用概念，angular独立作用域的使用注意事项有哪些，下面就是实战案例，一起来看一下。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body ng-app="myApp" ng-controller="mainController"><ceshi></ceshi><script src="angular.js"></script><script>var myApp = angular.module(myApp,[]);myApp.directive(ceshi,function(){ var op...
1、控制器： 概念：在angularJS中控制器是一个函数，用来向视图的作用域添加额外的功能，用来设置作用域的初始状态并添加自定义行为。 控制器的声明： app.controller(‘controllerName’,function($scope){...})// 控制器定义// 第一参数： 控制器名称， 第二个参数： 匿名函数， 传入作用域,并在作用域上添加额外功能app.controller(myCtrl, function($scope) {$scope.expression = "hello expression";$scope.ng...
本篇文章主要介绍了详解angularjs中的隔离作用域理解以及绑定策略，具有一定的参考价值，感兴趣的小伙伴们可以参考一下我们首先看下面的例子：<!doctype html> <html ng-app="MyModule"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="css/bootstrap-3.0.0/css/bootstrap.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > </head> <body> <hello></hello...
范围扮演其http://www.gxlcms.com/code/12136.html" target="_blank">视图连接控制器的角色一个特殊的JavaScript对象。范围包含了模型数据。在控制器，模型数据通过$scope对象访问。<script>var mainApp = angular.module("mainApp", []);mainApp.controller("shapeController", function($scope) {$scope.message = "In shape controller";$scope.type = "Shape";}); </script>以下是在上面的例子中需要考虑的重要问题。$scope被作...
$scope代表视图与数据模型的中间桥梁：scope域中的对象都model和view都可以共享，并且数据是双向同步controller的作用域：主要负责controller标签包裹的元素的数据处理，如果子元素嵌套Controller,则相应的子元素的作用Controller以距离子元素最近的为准(这种最近作用的原则在Jmeter测试框架，avalon的ms-controller同样体现)HTML正文：<!-- 指定应用名及控制器 --> <body ng-app="myApp"><div ng-controller="myCtrl01"> <p>myCtr...
AngularJS 简介AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好的选择。AngularJS 最为复杂同时也是最...