<html ng-app="compile">

    <head>

        <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

    </head>

    <body>

        <div ng-controller="compileCtrl">

            <ts-s>

            </ts-s>

        </div>

    <script type="text/javascript">

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

        app.controller("compileCtrl", function($scope){

            $scope.updateModuleInfo = function( module ){

                console.log("module : " + module);

            }

        });

        app.directive('tsS', function($compile) {

            return {

                //template:"<input type='text' ng=model='sampleData'/> {{sampleData}} <br/>"

                link: function(scope, element, atts, controller) {

                    var module = {

                        id : "11",

                        name : "john"

                    }

                    var markup = "<input type='text' ng-model='sampleData' ng-change='updateModuleInfo(module)'/> {{sampleData}} <br/>";

                    element.html(markup);

                    scope.module = module;//向scope中插入module对象

                    $compile(element.contents())(scope);

                }

            };

        });

    </script>

    </body>

</html>

em:

scope.module = module;//向scope中插入module对象

renderRow : function(nRow, aData, iDataIndex, anHidden){

    var link = $compile('<a href="" ng-click="updateModuleInfo(aData)> 编辑 </a>' );

    var scope = $scope.$new(false);//新建子作用域

    var node = link(scope);

    scope.aData = aData;//向scope中插入aData对象

    if (true) {

        $(--).html(node)

    }

}

随机推荐

  1. Connect to Office365

    How to connect to office365 1. Connect to Exchange Online $UserCredential = Get-Credential $Session ...

  2. JavaScript事件详解-Zepto的事件实现（二）【新增fastclick阅读笔记】

    正文 作者打字速度实在不咋地,源码部分就用图片代替了,都是截图,本文讲解的Zepto版本是1.2.0,在该版本中的event模块与1.1.6基本一致.此文的fastclick理解上在看过博客园各个大神 ...

  3. codeforces754D Fedor and coupons

    本文版权归ljh2000和博客园共有,欢迎转载,但须保留此声明,并给出原文链接,谢谢合作. 本文作者:ljh2000 作者博客:http://www.cnblogs.com/ljh2000-jump/ ...

  4. Android源码——AsynTask

    AsyncTask<Params, Progress, Result>中三个参数为: Params         输入数据 Progress       过程数据 Result     ...

  5. crodova打包apk个人总结

    1.安装nodejs 2.安装 cordova npm install -g cordova 3.安装Java JDK,官网下载地址 系统变量→新建 JAVA_HOME 变量 . 变量值填写jdk的安 ...

  6. django 关于html、css、js 目录位置

    项目目录: project/ ---------------init.py ---------------views.py ---------------settings.py ----------- ...

  7. 【总结】浅谈JavaScript中的接口

    一.什么是接口 接口是面向对象JavaScript程序员的工具箱中最有用的工具之一.在设计模式中提出的可重用的面向对象设计的原则之一就是“针对接口编程而不是实现编程”,即我们所说的面向接口编程,这个概 ...

  8. mysql 查询制定日期数据

    //获取昨天更新数据的条件date_sub(current_date(), interval 1 day) = from_unixtime(senddate, '%Y-%m-%d') 注释:date_ ...

  9. canvas刮刮乐效果（pc端&H5、zepto-touchmove）

    一.html <div id="canvasArea" style="width:300px;height:200px;position:relative;&quo ...

  10. webstorm卡顿问题

    近期随着项目开展,文件逐渐增大,webstrom频繁出现卡顿,而且时有崩溃现象,提示没有足够的内存来执行请求的操作,需要增加Xms设置. 解决办法: 1.找到WebStorm.exe.vmoption ...