首页 > Web开发 > 详细

AngularJS 指令学习

时间:2015-08-26 17:09:21      阅读:164      评论:0      收藏:0      [点我收藏+]
var ezCustomerDirectiveFactory = function(){
    return {
        restrict:"E",
        replace:true,
        scope:{
            name : "@name", 
            address : "=address"
        },
        template:"<div>name:{{name}} address:{{address}}</div>"
    }
}

name属性的值之前有一个@符号,单向指定,本地scope上的name值需要从应用这个指令的DOM元素的name属性值 读取,如果DOM元素的name属性值变了,那么本地scope上的name值也会变化。

address属性之前的=符号,双向连接,本地scope 上的address属性值和DOM元素的address属性值指定的外部scope对象上的模型需要 建立双向连接:外部scope上模型的变化会改变本地scope上的address属性,本地 scope上address属性的变化也会改变外部scope上模型的变化。

技术分享

AngularJS 指令学习

原文:http://www.cnblogs.com/lipengfan/p/4760923.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!