angular.js之作用域scope'@','=',''
<!doctype html>
<html ng-app='myApp'>
<head>
</head>
<body>
<script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script>
<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
<div ng-controller="listCtrl" ng-app="myApp">
<input type="text" ng-model="color">
<!-- <span kid hd-color="color"></span> --> <!--@是单项数据绑定，hd-color="{{color}}"作用域隔离，在view中是以模板“{{}}”的形式；=双向绑定，hd-color="color",在view中直接以属性的形式出现-->
<div kid color="callback()"></div>
</div>
<script type="text/javascript">
var myApp=angular.module('myApp',[]);
myApp.controller('listCtrl',function($scope){
$scope.color="red";
$scope.callback=function(){
return 'a web developer !';
}
});
myApp.directive('kid',function(){
return {
restrict:'AE',
//template:'<div style="color:{{color}}">@符号的学习</div>' ,
template:'<h1>{{color()}}</h1>',
scope:{ /*color:"=hdColor"*//* "@hdColor" */color:'&'} //通过&属性名来调用控制器的函数
}
});
</script>
</div>
</body>
</html>
转载于:https://www.cnblogs.com/tiny-jiao/p/6479923.html
angular.js之作用域scope'@','=',''相关推荐
- Angular.js示例应用程序
目录 介绍 演示应用程序概述 发布者端 网站端 Angular.Js简介 应用程序 服务 模块 依赖注入 路由 视图 控制器 作用域 指令 发布者 Angular.js网站 Require.js用法 ...
- 前端框架-Angular.js
前端的功能与单页应用 就webapp开发而言,前端实现的功能主要有: -实现UI(渲染出用户可见的视图和各种功能组件) -对用户的操作(事件)做出反应 -实现业务逻辑 -实现页面路由 -与服务器端交互 ...
- angular.js:13920 Error: [$injector:unpr] Unknown provider: $scopeProvider - $scope - testServe
angular.js:13920 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- testSer ...
- 理解AngularJS的作用域Scope
为什么80%的码农都做不了架构师?>>> 理解AngularJS的作用域Scope https://github.com/angu- 08-02 22:45 10-14 09: ...
- Angular.js为什么如此火呢？
AngularJS学习列表:七步走 Angular.js 从菜鸟到专家 (系列列表) 上一篇之 后,Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM ...
- 七步走 Angular.js 从菜鸟到专家 （系列列表）
Angular.js 是一个MV*(Model-View-Whatever,不管是MVC或者MVVM,统归MDV(model Drive View))JavaScript框架,其是Google推出的S ...
- angular.js使用路由时,子控制器监听不到父级$boardcast的事件
2019独角兽企业重金招聘Python工程师标准>>> 环境:angular.js+sastruts+apache-tomcat angular.js中当使用路由时,控制器之间通信使 ...
- angular.js自定义指令
angular.js最为强大的地方在于可以通过自定义指令来扩展html元素,这种思路与JSP的taglib类似,但在实现细节上更为自由,并且自定义指令也可以提供表单元素交互.数据绑定.事件处理功能. ...
- 如何在Angular.js选择框中使用默认选项
本文翻译自:How to have a default option in Angular.js select box I have searched Google and can't find an ...
- angular js一factory，service，provider创建服务
服务:在AngularJS 中,服务是一个函数或对象 在写控制器的时候,不要复用controller,当我们的controller里面有相同的代码时,此时需要把它抽取成一个服务,所有的服务都符合依赖注 ...
最新文章
- linux源码包卸载方式
- win7 无法复制粘贴
- linux镜像文件不要大于4g,Systemback制作大于4G的Ubuntu系统镜像
- C++使用Windows API CreateMutex函数多线程编程
- 新手学python书籍推荐_新手学python看哪本书
- python怎么清除代码_Python如何清空列表？清空列表的4种方法（代码示例）
- 新手算法学习之路----二分法Last-position-of-Target
- PHP面向对象设计的五大原则
- 最狠的钉子户手机！最后一款已战斗5年，还能继续...
- oracle sql列默认值,sql – Oracle：指定对象类型列的默认值
- 2017蓝桥杯B组：承压计算（扩大倍数）
- [Windows API] Listing the Files in a Directory，可用来数文件夹下有多少个子文件（夹）...
- 网页嵌入暴风影音播放插件
- 101名女职工血清总胆固醇测量结果spss描述统计分析
- 如何升级maven版本
- 用python画星空-用Python画一个超级月亮
- 我，35岁大专，高龄入职鹅厂，试用期未过被劝退（分享java面试宝典）
- Ubuntu 常用小命令(持续更新~)
- autoconf 版本升级
- [安全攻防进阶篇] 二.如何学好逆向分析、逆向路线推荐及吕布传游戏逆向案例