`
conkeyn
  • 浏览: 1524336 次
  • 性别: 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'); {$...

    java 支持C语言预编译指令

    Java 和 C 语言在编程范式上有显著差异,C 语言支持预编译指令,如 `#define`、`#ifdef`、`#endif` 等,这些指令在源代码编译之前进行处理,可以实现条件编译、宏定义等功能。然而,Java 本身并不直接支持这样的预...

    C++预编译指令用法

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

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

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

    C语言几个预编译指令的用法

    C语言预编译指令是在编译器进行编译之前对源代码进行预处理的一部分指令。预编译指令的目的是提高代码的可维护性、可扩展性和重复使用性。预处理过程通常包括文件包含、宏定义、条件编译和错误处理等方面的功能。...

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

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

    FFmpeg编译动态库

    由于两者指令集不同,FFmpeg需要针对每个平台编译特定的动态库。在编译时,要指定正确的架构标志,确保库能够在目标平台上正确运行。 4. **音视频处理**:FFmpeg的强大在于其丰富的音视频处理能力。通过动态库,...

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

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

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

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

    Java动态编译Java代码,运行在内存中,并执行

    添加动态执行的编译环境 options 是个集合,添加内容,字符集,classpath等 * 6.传入JavaFileObject的java文件,是个集合,创建JavaSourceObject实现这个接口,Kind.SOURCE.extension = '.java' * 7.创建任务并...

    介绍c语言中条件编译相关的预编译指令

    C语言中条件编译相关的预编译指令 C语言中条件编译是根据实际定义宏(某类条件)进行代码静态编译的手段。可根据表达式的值或某个特定宏是否被定义来确定编译条件。下面将详细介绍条件编译中使用的预编译指令。 一...

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

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

    PE伪装器花指令添加器

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

    Arm Linux 交叉编译链安装、环境配置及一些基本指令

    "Arm Linux 交叉编译链安装、环境配置及一些基本指令" Arm Linux 交叉编译链是将源代码编译成可在 ARM 处理器上运行的代码的工具链。 Arm Linux 交叉编译链安装是 ARM Linux 开发的基础步骤。下面将详细介绍 Arm ...

Global site tag (gtag.js) - Google Analytics