`
conkeyn
  • 浏览: 1522736 次
  • 性别: 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 开发环境中,编译选项是至关重要的设置,它们控制着代码的生成方式、运行时错误检查、语法选项等各个方面,能够帮助开发者优化应用程序性能,并确保代码...

    花指令添加器2.0

    花指令添加器2.0

    c语言条件编译指令用法

    C语言的条件编译指令是程序开发中一种强大的工具,它允许程序员根据特定的条件决定哪些代码块应该被编译,哪些应该被忽略。条件编译主要由三个核心功能组成:代换、包含文件和条件式编译。 首先,代换(Token ...

    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#动态读取代码并动态编译

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

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

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

    几个预编译指令的用法

    预编译指令是C语言编程中非常重要的组成部分,它们在实际编译之前对源代码进行预处理,执行一些基本的转换操作,以增强代码的可读性和灵活性。这些指令主要包含文件包含、宏定义和条件编译等。 1. 文件包含(#...

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

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

    FFmpeg编译动态库

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

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

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

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

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

    PE伪装器花指令添加器

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

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

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

    jsp的常用指令有哪些(编译指令 动作指令整理).docx

    #### 一、编译指令 JSP(Java Server Pages)是一种基于Java技术的服务器端动态网页开发技术。它允许开发者在HTML文档中嵌入Java代码来创建动态网页内容。JSP提供了多种指令来帮助开发者更好地管理和控制页面的行为...

    E220L编译指令1

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

Global site tag (gtag.js) - Google Analytics