文档章节

angular 指令中绑定父 scope 的方法

anziguoer
 anziguoer
发布于 2016/04/27 15:12
字数 128
阅读 28
收藏 0
// 指令
<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'});
            });
        }
    }
})

© 著作权归作者所有

anziguoer

anziguoer

粉丝 29
博文 82
码字总数 40050
作品 0
海淀
程序员
私信 提问
再谈angularJS数据绑定机制及背后原理—angularJS常见问题总结

Angular 的数据绑定采用什么机制,详述原理? 脏检查机制。阐释脏检查机制,必须先了解如下问题。 单向绑定(ng-bind) 和 双向绑定(ng-model) 的区别? ng-bind 单向数据绑定($scope ->...

634117608
2018/04/19
0
0
第217天:深入理解Angular双向数据绑定的原理

一、理解angular双向数据绑定 双向绑定是新的前端框架中频繁出现的一个新词汇,也是mvvm的核心原理。angularjs五条核心信念中的数据驱动,便是由双向绑定进行完成。 那么什么是双向绑定,下面...

半指温柔乐
2018/04/10
0
0
【MVVM】- AngularJS基础学习

Angular JS ---- AngularJS 基础入门案例 外观页面 AngularJS 模块 模块是应用控制器的容器,Angularjs代码依赖Jquery,在使用angualrjs代码时,Jquery脚本文件须在AngularJS脚本之前加载,此...

ZeroneLove
02/27
30
0
Angular 中得 scope 作用域梳理

$scope 的使用贯穿整个 Angular App 应用,它与数据模型相关联,同时也是表达式执行的上下文.有了 $scope 就在视图和控制器之间建立了一个通道,基于作用域视图在修改数据时会立刻更新 $scope,同...

顽Shi
2014/09/21
9.4K
2
AngularJS 自定义控件

[AngularJS Custom Directives][1] 好讨厌不带日期的博客,而且说得好啰嗦 自定义指令介绍 AngularJS 指令作用是在 AngulaJS 应用中操作 Html 渲染。比如说,内插指令 ( ), 指令以及 指令。 ...

开源中国匿名会员
2014/07/11
13K
3

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 如果是个帅小伙你愿意和他出去吗

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《Ghost 》游戏《死亡搁浅》原声 《Ghost 》游戏(《死亡搁浅》原声) - Au/Ra / Alan Walker 手机党少年们想听歌,请使劲儿戳...

小小编辑
38分钟前
57
5
java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
16
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
19
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部