angular 指令中绑定父 scope 的方法

摘要: angular 指令中绑定父 scope 的方法

// 指令

<con3-list data="ui" title="UI设计专业" zan="zan(teacherid)"></con3-list>

// 控制器定义 zan 方法，

'use strict';

mobile.controller('ctrl', ['$scope',function($scope){

$scope.zan = function (teacherid) {

if(!$scope.userInfo){

alert('您还没有登录, 请登录后为老师点赞!');

common.doReg('51mobile');

return;

}

}

}]);

// 指令

mobile.directive('con3List', function () {

return {

restrict : 'EA',

replace : true,

scope : {

data : '=',

title : '@',

zan : '&' // 绑定 scope 的 zan 方法

},

// transclude : true,

template : '<div class="con3-list"></div>',

link : function ($scope, ele, attr) {

ele.bind('click', function(){

// 调用zan方法并传递参数

$scope.zan({teacherid:'89'});

});

}

}

})