`
conkeyn
  • 浏览: 1528893 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

angualrjs添加动态指令(动态编译指令)

 
阅读更多

本文参考自后补全的代码:http://blog.csdn.net/liwusen/article/details/52078435

<body ng-app="myapp">
<h1>动态编译指令,动态编译指令模板内容</h1>
<div class="container" ng-controller="MyController">
    <button ng-click="addDirective()">添加动态指令</button>
    <div id="root"></div>
</div>
<!--  my-text method-from-outer="methodInCtrl()"></my-text -->
<script type="application/javascript">
    angular.module('myapp', [])
        .directive('myText', function ($compile) {
            var templatecC = '<div ng-click="hello()">Hi everyone</div>';
            return {
                restrict: 'AE',
                template: templatecC,
                scope: {
                    hello: "&methodFromOuter"
                },
                link: function (scope, ele, attr) {
                    ele.on("click", function () {
                        scope.$apply(function () {
                            //使用指令的scope进行编译模板内容,并添加到当前指令下面
                            var content = $compile(templatecC)(scope);
                            ele.append(content);
                        })
                    });
                }
            }
        })
        .controller("MyController", ["$scope", "$compile", function ($scope, $compile) {
            $scope.addDirective = function () {
                //使用controller的$scope进行编译指令,添加到指定的元素下。
                var dynamicDirective = $compile("<my-text></my-text>")($scope);
                angular.element("div#root").append(dynamicDirective);
            }
            $scope.methodInCtrl = function () {
                alert("hello 123456");
            }
        }])
</script>
</body>

 

分享到:
评论

相关推荐

    delphi编译指令(全)

    这些选项可以通过菜单`[Project]-&gt;[Options]-&gt;[Complier]`进行设置,也可以在源代码中通过编译指令进行动态调整。 #### 二、代码生成选项 1. **Optimization**: 控制代码优化级别。 - **Alignedrecordfields**: ...

    delphi编译指令大全

    Delphi 编译指令大全 Delphi 编译指令大全对 Delphi 编译控制有很好的学习作用。Delphi 中有许多的编译指令,这些编译指令对于我们的程序发展有何影响呢?它们又能帮我们什么忙呢? 一、协助除错 在开发应用系统...

    Delphi 编译指令说明

    ### Delphi 编译指令详解 #### 一、编译选项概述 在 Delphi 开发环境中,编译选项是至关重要的设置,它们控制着代码的生成方式、运行时错误检查、语法选项等各个方面,能够帮助开发者优化应用程序性能,并确保代码...

    花指令添加器2.0

    花指令添加器2.0

    C中的几个预编译指令

    ### C中的几个预编译指令 #### 一、概述 预编译指令是C语言中一种特殊的语法结构,主要用于在编译前对源代码进行预处理。这些指令以`#`字符开头,由预处理器执行,而非编译器。预处理器负责在编译阶段之前对源代码...

    Delphi编译指令说明

    Delphi编译指令是Delphi开发环境中用于控制编译器行为的关键元素,它们允许程序员针对项目的特定需求调整编译过程。这些指令可以在【Project】-&gt;【Options】-&gt;【Compiler】选项页中设置,也可以直接在源代码中以编译...

    delphi编译指令

    预定义宏允许开发者根据不同的编译条件来动态地包含或排除代码片段,这对于构建多平台或多配置的应用程序非常有用。例如: ```pascal {$IFDEF RANGE_CHECKING} showmessage('Compiled with range-checking'); {$...

    C#动态执行与编译

    `TypeBuilder`、`MethodBuilder`、`ILGenerator`是这个命名空间中的核心类,它们分别用于创建动态类型、方法和生成IL指令。 二、Dynamic Language Runtime (DLR) 除了`System.Reflection.Emit`,C# 4.0引入了动态...

    Delphi编译指令.docx

    总之,Delphi的编译指令提供了强大的灵活性,允许开发者根据环境、配置和需求动态控制代码的编译过程。熟练掌握这些指令可以显著提高代码的可维护性和可移植性,同时也有助于优化程序性能。在实践中,正确使用预处理...

    C++预编译指令用法

    C++预编译指令是编程过程中非常重要的工具,它们允许程序员根据特定的条件来控制代码的编译过程。本文将详细介绍四个主要的预编译指令:`#undef`、`#ifdef`、`#ifndef` 和 `#if`,以及它们在实际编程中的应用。 ...

    c#动态读取代码并动态编译

    例如,你可以构建一个动态类,然后在这个类中定义方法,添加IL指令,最后生成并编译这个类。 二、System.CodeDom.Compiler System.CodeDom.Compiler命名空间提供了一些类,如CodeDomProvider和CompilerParameters...

    利用Java的动态编译、动态加载结合EasyRules实现业务规则的动态性的项目源码

    利用Java的动态编译、动态加载结合EasyRules实现业务规则的动态性的项目源码,具体详情请查看相关博客https://blog.csdn.net/qq_31142553/article/details/85013989

    免杀花指令生成器(不错的免杀工具)

    而日常应用中,我们通过VC的IDE或其它如OD等反汇编、反编译软件也可以将一个二进制程序反汇编成汇编代码。机器的一般格式为:指令+数据。而反汇编的大致过程是:首先会确定指令开始的首地址,然后根据这个指令字...

    JSP中的编译指令和动作指令的两点区别

    动作指令与编译指令不同,它们是在JSP页面被转换成Servlet之后,在客户端请求处理时动态执行的。动作指令通常用于简化代码,让页面开发者能够更加便捷地控制页面内容的生成,而不需要编写复杂的Java代码。动作指令的...

    C语言预编译指令详解.docx

    C语言预编译指令详解 概述: C语言预编译指令是一种强大的工具,允许开发者根据不同的情况生成不同的软件版本。通过设置预编译指令,可以在编译时选择编译不同的代码,从而实现条件编译。 一、条件编译方法 1. #...

    jsp中include指令静态导入和动态导入的区别详解.docx

    静态导入会包含被包含页面的编译指令,而动态导入不会包含被包含页面的编译指令。 静态导入适用于需要包含被包含页面的编译指令的情况,而动态导入适用于仅仅需要插入被导入页面的 body 内容的情况。在实际开发中,...

    PE伪装器花指令添加器

    4. `Vc.exe` - 这可能是使用Delphi编译的最终可执行文件,也就是PE伪装器花指令添加器的主体程序。 5. `Unit1.pas` - 这是Delphi源代码文件,包含了名为“Unit1”的单元(模块),可能包含了一些核心功能的实现。 6....

    E220L编译指令1

    本文将详细解析"E220L编译指令1"中涉及的编译过程,针对不同运营商的Modem进行编译,包括中国移动、中国联通和中国电信。 首先,我们来看中国移动的Modem编译指令。这里使用的是"移动(GINR6753_65C_L1_LTTG_DSDS_...

    c++程序using声明和using编译指令.zip

    在C++编程语言中,`using`声明和`using`编译指令是两个重要的概念,它们都用于在命名空间(namespace)中引入特定的标识符,以便于代码的编写和可读性。让我们深入探讨这两个主题。 首先,我们来看`using`声明。在...

Global site tag (gtag.js) - Google Analytics