<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. 菜鸟git学习

    基础知识: 安装github之后,所有的命令在git shell 中输入. E:\文档\GitHub [master +2 ~0 -0 !]> cd [ToDoList]E:\文档\GitHub ...

  2. UI输入控件

    --UI输入控件 -- 输入控件 cc.uii.UIInput.new(table) --[[ 参数 table{ image 输入框图像,可以为图片名或者display.newScale9Sprit ...

  3. $.post 跨域传输数据

    使用的是TP框架 前端代码: <!DOCTYPE html><html> <head> <title>这里是前端代码</title> < ...

  4. 页内多个input全选不干扰且只用一段代码。

    //html内容 <body> <div id="d1"> <input type="checkbox" class=" ...

  5. bzoj 4003

    左偏树... 打两个标记...和线段树一样,先下放cheng再下放*. 每回合并子树就行了. #include<iostream> #include<cstdio> #incl ...

  6. 【BZOJ-3673&3674】可持久化并查集 可持久化线段树 + 并查集

    3673: 可持久化并查集 by zky Time Limit: 5 Sec  Memory Limit: 128 MBSubmit: 1878  Solved: 846[Submit][Status ...

  7. TypeScript 素描-基础类型

    博文读自 TypeScript 官方文档而来,不具有学习性,仅是本人学习时记录以供日后翻阅 ,有学习TypeScript的朋友还请去看更为详细的官方文档 TypeScript官网文档中的基础类型, T ...

  8. cocos2d-x-2.2.6 project-creator文件夹下python.bat

    @echo off set /p projectName=请输入项目名称: if "%projectName%"=="" goto inputError set ...

  9. 使用Zabbix官方模板监控Redis运行状况

    运行环境: OS:CentOS 6.8 / Python: 2.6.6 / Pip: 7.1.0 / Redis:3.0 / Zabbix:3.0.3 Zabbix官方提供的监控模板. 项目地址:ht ...

  10. [转]CSS 类名的单词连字符：下划线还是横杠？

    问题 CSS 类或 ID 命名时单词间连接通常有这几种写法: 驼峰式: solutionTitle.solutionDetail 用横杠连接: solution-title.solution-deta ...