angularJs中directive的scope ‘@’,‘=’区别

原创 2016年05月30日 11:42:02

简单说‘@’是以‘字符串’的形式去绑定,

             ‘=’是以‘表达式’的形式去绑定;

例如<div my-directive name="name" age="age"  change-my-age="changeAge()"></div>,$scope.name = aaa;$scope.age = 13;

假如在指令scope中规定   name: ‘=’,那么模版里面的"我的名字是:<span ng-bind='name'></span><br/>" +
            "我的年龄是:<span ng-bind='age'></span><br/>" 输出的就是名字‘aaa’;

假如在指令scope中规定  name:‘@age’,那么在模版中要得到名字‘aaa’,就必须在父html中使 name="{{name}}",不然输出的是age。

版权声明:本文为博主原创文章,未经博主允许不得转载。

angular笔记 directive scope 调用父scope带参数方法

在使用angular directive的时候,为了不污染环境,我们为给directive自己一个scope,如果这个scope需要使用父类中scope的对象,会使用 = & @三种标示,在开发项目中...

AngularJS学习:directive的scope

scope The scopeproperty can be false, true, or an object: false (default): No scope will be create...

AngularJS自定义指令directive:scope属性

一、介绍:在AngularJS中,除了内置指令如ng-click等,我们还可以自定义指令。自定义指令,是为了扩展DOM元素的功能。代码中,通过指定directive中的restrict属性,来决定这个...

AngularJS学习笔记之directive——scope选项与绑定策略

开门见山地说,scope:{}使指令与外界隔离开来,使其模板(template)处于non-inheriting(无继承)的状态,当然除非你在其中使用了transclude嵌入,这点之后的笔记会再详细...

[转]AngularJS Directive 隔离 Scope 数据交互

AngularJS 的 directive 默认能共享父 scope 中定义的属性,例如在模版中直接使用父 scope 中的对象和属性。通常使用这种直接共享的方式可以实现一些简单的 directive...

AngularJS Directive 隔离 Scope 数据交互

directive
  • vuturn
  • vuturn
  • 2016年07月27日 16:28
  • 259

AngularJS自定义指令directive:scope属性

一、介绍: 在AngularJS中,除了内置指令如ng-click等,我们还可以自定义指令。自定义指令,是为了扩展DOM元素的功能。代码中,通过指定directive中的restrict属性...
  • Aeroleo
  • Aeroleo
  • 2017年02月03日 10:56
  • 510

AngularJS自定义指令directive:父类scope和指令中scope之间的通信

我们知道angularJs中,指令中有scope,父类controller中也有scope,两者的通信方式有三中,分别是 scope:false;直接使用父类的scope scope:true;继承父...

AngularJS1.x学习(directive 中‘& ’‘=’ ‘@’符号的区别使用)

对于HTML5的兴起,Angular火热绝对值得称赞,外加庞大的社区做支持,是的Angular的普及度越来越高,称为最为流行的html5框架。对于一个html5框架的好坏,我们有几个评判标准, 轻量级...

AngularJS Scope与rootScope理解与区别

Scope 概述 AngularJS 应用组成如下: View(视图), 即 HTML。Model(模型), 当前视图中可用的数据。Controller(控制器), 即 JavaScrip...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:angularJs中directive的scope ‘@’,‘=’区别
举报原因:
原因补充:

(最多只允许输入30个字)