1. <html>
  2. <head>
  3.     <meta charset="utf-8"/>
  4.     <title></title>
  5. </head>
  6. <body ng-app="components">
  7. <div ng-controller="c1">
  8.     <myelement alert="loadData1()">
  9.         <h1>哈哈</h1>
  10.     </myelement>
  11. </div>
  12. <div ng-controller="c2">
  13.     <myelement alert="loadData2()">
  14.         <h1>吼吼</h1>
  15.     </myelement>
  16. </div>
  17. </body>
  18. <script src="angular.js"></script>
  19. <script>
  20.     var app= angular.module('components', []);
  21.     app.controller("c1",function($scope){
  22.         $scope.loadData1=function(){
  23.             alert("哈哈");
  24.         }
  25.     });
  26.  
  27.     app.controller("c2",function($scope){
  28.         $scope.loadData2=function(){
  29.             alert("吼吼");
  30.         }
  31.     });
  32.  
  33.     app.directive("myelement",function(){
  34.         return {
  35.             link:function(scope, element, attr, superCtrl){
  36.                 element.bind("click",function(){
  37.                     scope.$apply(attr.alert);//在这里注意下如果自定义属性使用驼峰命名法，那么attr调用该属性时仍然要保证完全小写
  38.                 });
  39.             }
  40.         }
  41.     });
  42. </script>
  43. </html>

angularJS自定义属性作为条件中转的更多相关文章

  1. AngularJS的表达式、指令的学习（2）

    最近没有那么忙,就来系统学习一下AngularJS吧,昨天简单的认识了一下,今天就从表达式入手吧,嘿嘿. 一.AngularJS 表达式 AngularJS表达式写在双大括号内:{{expressio ...

  2. 基于TableStore的海量气象格点数据解决方案实战

    前言 气象数据是一类典型的大数据,具有数据量大.时效性高.数据种类丰富等特点.气象数据中大量的数据是时空数据,记录了时间和空间范围内各个点的各个物理量的观测量或者模拟量,每天产生的数据量常在几十TB到 ...

  3. AngularJS进阶(七)实现根据不同条件显示不同控件

    AngularJS实现根据不同条件显示不同控件 由于项目需求,需要实现根据不同条件显示不同控件的功能.具体要求如下图所示: 即当选择"每单固定减"时,下方只显示"减免金额 ...

  4. angularJS 条件查询 品优购条件查询品牌（条件查询和列表展示公用方法解决思路 及 post请求混合参数提交方式）

    Brand.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> &l ...

  5. angularjs+ionic的app端分页和条件

    做app项目积分商城的商品列表需要分页显示 实现: ionic滚动条:ion-scroll 用于创建一个可滚动的容器. 附:菜鸟教程:http://www.runoob.com/ionic/ionic ...

  6. angularJs条件查询:

    首先需要建立一个输入框进行数据绑定: <div class="box-tools pull-right"> <div class="has-feedba ...

  7. angularjs 选项卡 --- 自定义属性

    <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <met ...

  8. 走进AngularJs(一)angular基本概念的认识与实战

    一.前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,作为一名业界新秀,紧跟时代潮流,学习掌握新知识自然是不敢怠慢.当听到AngularJs这个名字并知道是google在维 ...

  9. angularjs（一）基础概念

    一.前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,作为一名业界新秀,紧跟时代潮流,学习掌握新知识自然是不敢怠慢.当听到AngularJs这个名字并知道是google在维 ...

随机推荐

  1. 2016 Multi-University Training Contest 7

    6/12 2016 Multi-University Training Contest 7 期望 B Balls and Boxes(BH) 题意: n个球放到m个盒子里,xi表示第i个盒子里的球的数 ...

  2. iOS数组排序

    [_fields sortUsingComparator:^NSComparisonResult(UITextField *obj1, UITextField *obj2) { /* NSOrdere ...

  3. ural 1157. Young Tiler

    1157. Young Tiler Time limit: 1.0 secondMemory limit: 64 MB One young boy had many-many identical sq ...

  4. struts 的问题是由于没有写的name有缺少的项，没有完全对应

    java.lang.RuntimeException: Invalid action class configuration that references an unknown class name ...

  5. C++做client Java做客户端传送数据

    因为要用到,但发现Java怎么都收不到C发来的数据,除非C端自动挂掉,java会一口气全收回来. 后来才发现是因为C发过来的Java用readline是读不到回车的,所以会一直等待. 所以不要用rea ...

  6. TYVJ P1022 进制转换 Label：坑

    背景 太原成成中学第3次模拟赛 第2道 描述 对于十进制整数N,试求其-2进制表示.例如,因为 1*1 + 1*-2 + 1*4 + 0*-8 +1*16 + 1*-32 = -13 ,所以(-13) ...

  7. Java_BigDecimal类型比较大小

    这个类是java里精确计算的类 1 比较对象是否相等 一般的对象用equals,但是BigDecimal比较特殊,举个例子: BigDecimal a=BigDecimal.valueOf(1.0); ...

  8. 转 c# 日期函数[string.Format----GetDateTimeFormats]格式 .

    DateTime dt = DateTime.Now;Label1.Text = dt.ToString();//2005-11-5 13:21:25Label2.Text = dt.ToFileTi ...

  9. QQ空间分享功能（二）

    http://sns.z.qq.com/tools/share/demo_html.jsp  手机QQ空间分享功能接入指引: 1.请求地址: http://sns.z.qq.com/share 2.请 ...

  10. java中的this与super的区别

    java中的this与super的区别 1. 子类的构造函数如果要引用super的话,必须把super放在函数的首位 代码如下: class Base { Base() { System.out.pr ...