[email protected]指令与控制器之间较复杂的交互demo2

1、index.html:

<!DOCTYPE HTML>
<html ng-app="app">
<head>
    <title>custom-directive</title>
    <meta charset="utf-8">    
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/angular.js"></script>
    <!--<script src="../js/jquery-1.10.2.min.js.js"></script>-->
</head>
<body>
<!-- 下面是指令与控制器交互的demo2. -->
<!-- 这个demo的原理是将方法赋给属性,在js中直接调用属性就等于直接调用方法 -->
<div ng-controller="myCtrl">
    <loader loadAttr="loadData()">滑动加载</loader>
</div>
<div ng-controller="myCtrl2">
    <loader loadAttr="loadData2()">滑动加载</loader>
</div>
<script src="./directive-controller2.js"></script>
</body>
</html>

2、directive-controller2.js:

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

myModule.controller(‘myCtrl‘, [‘$scope‘, function($scope){
    $scope.loadData=function(){
        console.log("正在加载......");
    }
}]);
myModule.controller(‘myCtrl2‘, [‘$scope‘, function($scope){
    $scope.loadData2=function(){
        console.log("正在加载222222......");
    }
}]);

myModule.directive(‘loader‘,function(){
    return {
        restrict:‘AE‘,
        link:function(scope,element,attrs){
            element.bind(‘mouseenter‘,function(event){
                scope.$apply(attrs.loadattr);//属性中的方法的调用非要这样写,注意:不管html中的属性是大写还是小写,这里的属性调用都必须是小写,否则无效
            })
        }
    }
});

时间: 2024-10-12 16:06:43

[email protected]指令与控制器之间较复杂的交互demo2的相关文章

[email&#160;protected]指令与控制器之间的交互demo

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

[email&#160;protected]指令与指令之间的交互demo

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

[email&#160;protected]指令

@property @property是编译器指令 @porperty是一个编译器指令 在Xocde4.4之前,可以使用@porperty来代替getter/setter方法的声明;也就是说我们只需要写上@porperty就不用写getter/setter方法的声明. 编译器只要看到@property,就会在@inteface中,用来自动生成setter和getter的声明; 用@property int age;就可以代替下面的两行 - (int)age; // getter - (void)

verilog中assign和[email&#160;protected](*)的区别和值得注意

verilog描述组合逻辑一般常用的有两种:assign赋值语句和[email protected](*)语句.两者之间的差别有: 1. 被assign赋值的信号定义为wire型,被[email protected](*)结构块下的信号定义为reg型,值得注意的是,这里的reg并不是一个真正的触发器,只有敏感列表为上升沿触发的写法才会综合为触发器,在仿真时才具有触发器的特性. 2. 另外一个区别则是更细微的差别:举个例子, wire a; reg b; assign a = 1'b0; [ema

iOS开发核心语言Objetive C —— 编译器指令@[email&#160;protected]自定义构造方法及类工厂

本分享是面向有意向从事iOS开发的伙伴们,或者已经从事了iOS的开发者.如果您对iOS开发有极高的兴趣,可以与我一起探讨iOS开发,一起学习,共同进步.如果您是零基础,建议您先翻阅我之前分享的iOS开发分分钟搞定C语言系列,然后在开始Objective C语言的学习,如果您遇到问题也可以与我探讨,另外将无偿分享自己整理的大概400G iOS学习视频及学习资料,都是干货哦!可以新浪微博私信?关注极客James,期待与您的共同学习和探讨!!由于时间有限,每天在工作之余整理的学习分享,难免有不足之处,

$*和[email&#160;protected]之间区别代码分析

#!/bin/bash set 'apple pie' pears peaches for i in $*           /*单引号被去掉,循环单个字符输出*/ do echo $i done [[email protected] Ex_14.02-14.31]# sh 14-14-1 apple pie pears peaches -------------------------------------------------------------- #!/bin/bash set

$*和[email&#160;protected]之间差别代码分析

#!/bin/bash set 'apple pie' pears peaches for i in $*           /*单引號被去掉,循环单个字符输出*/ do echo $i done [[email protected] Ex_14.02-14.31]# sh 14-14-1 apple pie pears peaches -------------------------------------------------------------- #!/bin/bash set

[email&#160;protected]和@synthesize

@porperty @porperty是一个编译器指令 在Xocde4.4之前, 可以使用@porperty来代替getter/setter方法的声明, 也就是说我们只需要写上@porperty就不用写getter/setter方法的声明 2.编译器只要看到@property,就知道我们要生成某一个属性的getter/setter方法的声明 @propertyde格式 @property数据类型变量名 property增强 从Xcode4.4以后,对@property进行了增强, 以后只要利用一

Failed at the [email&#160;protected] preinstall script &#39;./scripts/download&#39; 设置linux proxy (代理)的方式

此问题发生的条件是: 用bitcore官方提供的方式在linux进行npm安装,报错: Downloading bitcoin: https://github.com/bitpay/bitcoin/releases/download/v0.12.1-bitcore-4/npm ERR! Linux 3.16.0-4-686-paenpm ERR! argv "/home/user/.nvm/versions/node/v4.6.0/bin/node" "/home/user/