[email protected]独立作用域scope绑定策略之&符策略

1、index.html:

<!DOCTYPE HTML>
<html ng-app="app">
<head>
    <title>scopeAt</title>
    <meta charset="utf-8">    
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/angular.js"></script>
</head>
<body>
<!-- 下面是指令scope作用域&符demo. -->
<div ng-controller="myCtrl">
    <greeting gr="sayHello(name)"></greeting>
    <greeting gr="sayHello(name)"></greeting>
    <greeting gr="sayHello(name)"></greeting>
</div>
<script src="./scopeAnd.js"></script>
</body>
</html>

2、scopeAnd.js:

var myModule = angular.module("app",[]);

myModule.controller(‘myCtrl‘, [‘$scope‘, function($scope){
    $scope.sayHello = function(name){
        alert("Hello "+name);
    };
}]);
myModule.directive(‘greeting‘,function(){
    return {
        restrict: ‘AE‘,
        scope:{//本来这里独立的scope是与上面的全局$scope对象是不可通信的,但是这里用了&符,那么此处的scope就变的可以接受全局$scope中定义的方法了,&符号就表示引用$scope对象中定义的方法.这里的greet:就成了上面被调用方法的别名,形参。
        // name:userName中的name就表示方法中的name形参,userNam表示实参,实参由ng-model="userName"绑定,获取文本框输入值传递进来.
            greet:‘&gr‘//这里绑定传递的还是属性,其实三种绑定策略传递都是属性值,@是表达式或ng-bind变量传值靠属性字串;=号是ng-model双向绑定传值靠属性;&是控制器中方法传递也靠属性,同一标签内都靠属性传递各种绑定的值.
        },
        template:‘<input type="text" ng-model="userName" /><br/>‘+
                 ‘<button class="btn btn-default" ng-click="greet({name:userName})">Greeting</button><br/>‘
    }
});

时间: 2024-10-15 04:02:24

[email protected]独立作用域scope绑定策略之&符策略的相关文章

[email&#160;protected]独立作用域scope绑定策略之=符策略

1.index.html: <!DOCTYPE HTML><html ng-app="app"><head>    <title>scopeEqual</title>    <meta charset="utf-8">        <link rel="stylesheet" href="../css/bootstrap.css">    &

[email&#160;protected]_PathVariable映射URL绑定的占位符

1.概述 带占位符的URL是spring3.0新增的功能,该功能在SpringMVC向REST目标挺进发展过程中具有里程碑的意义: 通过@PathVariable可以将URL中占位符参数绑定到控制器处理方法的入参中:URL中的{xxx}占位符可以通过@PathVariable("xxx")绑定到操作方法的入参中: 2.代码 测试类: package com.yk.springmvc.handlers; import org.springframework.stereotype.Cont

配置Git绑定[email&#160;protected]

用户名,这个名字会出现在以后的提交记录中. git config --global user.name "[email protected]用户名" 然后是Email,同样,这个Email也会出现在你的提交记录中,此Email要与[email protected]的注册Email一致. git config --global user.email "[email protected]账号" 生成SSH key SSH key 可以让你在你的电脑和 Git @ OSC

springMVC @[email&#160;protected]@[email&#160;protected]@Controller的区别和理解

作用: @Component------------------------泛指组件,当组件不好归类的时候,我们可以使用这个注解进行标注.(Component-------成分; 组分; 零件) @Resource------------------------(资源) @Autowired-----------------------(自动绑定) @Repository-----------------------于标注数据访问组件,即DAO组件(repository-------仓库; 贮藏

【AngularJS】—— 12 独立作用域

阅读目录 为何需要独立作用域 如何实现独立作用域 作用域数据绑定 首先看一下基于字符串的绑定: 如果绑定的是一个变量呢! 最后是基于方法的绑定:&操作符 参考 前面通过视频学习了解了指令的概念,这里学习一下指令中的作用域的相关内容. 通过独立作用域的不同绑定,可以实现更具适应性的自定义标签.借由不同的绑定规则绑定属性,从而定义出符合更多应用场景的标签. 本篇将会总结下面的内容: 1 为何需要独立作用域 2 如何实现独立作用域 3 作用域的数据绑定 本文代码中replace错误写为repalce,

iOS中四种实例变量的范围类型@[email&#160;protected]@[email&#160;protected]

文档上记录是这样的 The Scope of Instance Variables To enforce the ability of an object to hide its data, the compiler limits the scope of instance variables—that is, limits their visibility within the program. 为了强制一个对象隐藏其数据,编译器限制实例变量范围以限制其在程序中的可见性 But to prov

[email&#160;protected] 深入学习之——初探spring mvc

一.简介 Spring MVC是Spring框架的最重要的模块之一,它构建于Spring IoC容器之上,大量使用容器的特性简化其配置.MVC模式消除了业务逻辑与UI的耦合.模式负责封装视图展示的应用数据:视图只显示数据,不包含任何业务逻辑:控制器负责接收用户请求并调用后端服务进行业务处理,处理之后,后端服务可能返回某些数据供视图显示.其核心思想是分离业务逻辑与UI,使系统能够独立修改,互不影响. Spring MVC应用,模式通常由服务层处理和持续层存储的领域对象组成.视图通常是用Java标准

Spring-bean作用域scope详解

Spring Framework支持五种作用域(其中有三种只能用在基于web的Spring ApplicationContext). singleton 在每个Spring IoC容器中一个bean定义对应一个对象实例. prototype 一个bean定义对应多个对象实例. request 在一次HTTP请求中,一个bean定义对应一个实例:即每次HTTP请求将会有各自的bean实例,它们依据某个bean定义创建而成.该作用域仅在基于web的Spring ApplicationContext情

Angularjs(十二):独立作用域

本篇将会总结下面的内容: 1 为何需要独立作用域 2 如何实现独立作用域 3 作用域的数据绑定 之前有一些错误,是由于replace拼写错误导致的. 拼写正确后,网友发现报错,无法正常工作.这是因为模板中存在单标签<br>,导致模板无法正确解析~ 再次感谢博友们提出的错误! 独立作用域的作用 为了便于理解,先看一下下面这个例子: <!doctype html> <html ng-app="myApp"> <head> <meta h