$compile

最新推荐文章于 2021-06-10 15:55:18 发布

weixin_34247155

最新推荐文章于 2021-06-10 15:55:18 发布

阅读量83

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zyjzz/p/5744640.html

版权

<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)
    }
}

转载于:https://www.cnblogs.com/zyjzz/p/5744640.html

weixin_34247155

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
$compile

<html ng-app="compile"> <head> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body>...
复制链接

扫一扫