angularjs自定义指令绑定策略‘&’绑定

接着上一篇

理解了“=”和“@”绑定之后再来理解“&”绑定，就很简单了，同理，用“桥梁”进行分析，但还是有一些例外的情况，要不然angularjs也不会单独设定一个绑定策略，看案例先：

    
    


    tool="eatWithChopsticks()"/>

    
    


scopeAnd.js中的内容:

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

myModule.controller("MyCtrl",["$scope",function($scope){
    $scope.eatWithChopsticks = function(){
        console.log("eat with Chopsticks");
    }
}]);

myModule.directive("eatWithTool",function(){
    return{
        restrict:"AE",
        scope:{
            eat1:"&tool"
        },
        template:"

上面的例子先调用了一个简单的无参构造函数，传参数的例子稍后继续。分析一下，“桥梁”在哪里？是的，就是蓝色的部分;在html模板中，tool指定调用controller中的一个方法eatWithChopsticks（用筷子吃），OK，就这样，可以调用了。

看传入参数的例子：（改造了一下）

    
    


    eat="eatWithChopsticks(tool)"/>

    
    

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

myModule.controller("MyCtrl",["$scope",function($scope){
    $scope.eatWithChopsticks = function(tool){
        console.log("eat with " + tool);
    }
}]);

myModule.directive("eatWithTool",function(){
    return{
        restrict:"AE",
        scope:{
            eat:"&"//这里简写了，因为蓝色和紫色相同了
        },
        template:"

amroc_394

这个家伙很懒，什么也没留下！

Tags | 热门标签

• cpython
• copy
• node.js
• timestamp
• foreach
• header
• match
• heap
• dockerfile
• object
• future
• python2
• go
• include
• format
• cmd
• express
• php8
• web3
• erlang
• jsp
• ascii
• select
• php
• request
• httprequest
• grid
• sum
• int
• settings

RankList | 热门文章

• 1的错误消息：
• 2图解redis的持久化存储机制RDB和AOF的原理和优缺点
• 3Timer控件和键盘触发的冲突及解决方法
• 4Perl的测试框架Test::Base简介及使用方法
• 5Voicewo在线语音识别转换jQuery插件的特点和示例
• 6华为4GLTE路由器B310外置天线安装及设置方法详解
• 7C# 7.0 新特性：基于Tuple的“多”返回值方法
• 8P1651 塔 (动态规划) 的最大高度计算方法
• 9无损压缩算法专题——LZSS算法实现
• 10Linux中远程访问及控制的SSH协议介绍和配置
• 11JAVA三元表达式的使用及示例
• 12推荐系统遇上深度学习(十七）详解推荐系统中的常用评测指标
• 13基于事件驱动的并发编程及其消息通信机制的同步与异步、阻塞与非阻塞、IO模型的分类
• 14数据库知识集合
• 15Java String与StringBuffer的区别及其应用场景