angular.js学习(1)--指令和控制器间的交互
2016-10-05 15:03
519 查看
1、
var app = angular.module("app",[]); app.controller("repeatCtrl",['$scope',function($scope){ $scope.loadDate = function(){ console.log("加载数据中,,,"); } }]) .controller("repeatCtrl2",['$scope',function($scope){ $scope.loadDate2 = function(){ console.log("加载数据中,,,222"); } }]) .directive("loader",function(){ return{ restrict:"AE", link:function(scope,element,attr){ element.bind("mouseenter",function(){ //scope.loadDate(); //scope.$apply("loadDate()"); scope.$apply(attrs.howload);</span> }) } } })
<div ng-controller="repeatCtrl2"> <loader howLoad="loadDate2()">加载数据</loader> </div> <div ng-controller="repeatCtrl"> <loader howLoad="loadDate()">加载数据</loader> </div>
相关文章推荐
- angular.js学习(1)--指令之间的交互--动感超人
- angular.js学习(1)--指令执行机制
- Angular.js指令学习中一些重要属性的用法教程
- angular.js学习(2)--服务和指令
- 前端学习总结(七)Angular.js——以数据交互为核心的前端框架
- Angular.js之指令学习笔记
- angular.js学习(1)--directive指令独立scope
- Angularjs+ionic 学习(一):Angularjs常用指令
- angularjs directive 指令 学习笔记
- Angular学习(十六)——用指令修改DOM/校验用户输入
- angular.js中指令compile与link原理剖析
- 指令与控制器交互和复用
- --@angularJS--指令与控制器之间的交互demo
- android学习之 webview 原生与js的交互
- angular学习笔记(三十)-指令(10)-require和controller
- Angularjs Directive(指令)机制
- AngularJS clone directive 指令复制
- 改善用户体验的 3 个 AngularJS 指令
- angularjs directive and component 指令与组件 ( 1.5.0 以后 )
- angular学习笔记(三十)-指令(3)-templateUrl