angular中自定义指令M，注释型指令的应用

你的名字 2022-01-23 06:43 225阅读 0赞

附上前端测试页面

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>angular</title>
        <script src="/static/angular/angular.js-1.7.6/angular.min.js"></script>
    </head>
    <body ng-app="myApp">
    
    
    
    
    
    
    
    
    <script>
        var app = angular.module("myApp", []);
        app.directive("runoobDirective", function() {
            return {
                restrict : "M",
                replace : true,
                template : "<P>hello world !</p>"
            };
        });
    </script>
    
    </body>
    </html>

附上控制台Elements元素的打印效果

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQ5OTM5NA_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDQ5OTM5NA_size_16_color_FFFFFF_t_70]: /images/20220123/931fec199253434eace171b3c38d87ea.png

发表评论取消回复

表情：

评论列表（有 0 条评论，225人围观）

还没有评论，来说两句吧...

相关阅读

相关 angular.js（自定义指令）-4

自定义指令：指令的生命周期 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9uYWN

短命女/ 2023年06月13日 11:17/ 0 赞/ 13 阅读

相关 angular 自定义指令

1：首先获取module对象 var myAppModule = angular.module('myApp', \[\]); 2：定义指令 my.directive('

短命女/ 2022年08月25日 05:14/ 0 赞/ 229 阅读

相关 angular指令学习（三）--自定义指令之compile、link的学习

周一到了，哈哈哈，周末在家看了会angular，今天都已经周三了，决定整理下所学所看，主要是指令中的compile和link的学习先上个例子： <!DOCTYPE

柔光的暖阳◎/ 2022年07月12日 09:18/ 0 赞/ 229 阅读

相关 Angular自定义指令

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

左手的ㄟ右手/ 2022年06月10日 02:52/ 0 赞/ 271 阅读

相关 angular 自定义指令

demo06.component.ts import { Component, OnInit } from '@angular/core'; @Co

ゝ一世哀愁。/ 2022年06月01日 04:10/ 0 赞/ 281 阅读

相关 angular中自定义指令M，注释型指令的应用

附上前端测试页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

你的名字/ 2022年01月23日 06:43/ 0 赞/ 226 阅读

相关 angular中的自定义指令E A C应用

附上前端测试页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

悠悠/ 2022年01月23日 06:37/ 0 赞/ 412 阅读

相关 Angular2+ 自定义指令@Directive

概述所谓指令就是用于改变一个DOM元素的外观或行为，Angular2+为我们封装了很多的内置指令，项目中也无时无刻不在使用指令,Angular2+中有三类指令

怼烎@/ 2022年01月14日 11:15/ 0 赞/ 317 阅读

相关 angular 自定义指令详解 Directive

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 在angular中，Directive，自定义指令的学习

蔚落/ 2022年01月13日 18:15/ 0 赞/ 333 阅读

相关 Angular：使用 [@Directive] 自定义指令

指令介绍在 Angular 中有三种类型的指令：组件，有模板的指令，组件是继承于指令的，只是扩展类与 UI 相关的属性。属性型指令，改变 DOM 元素

矫情吗；*/ 2021年09月21日 04:06/ 0 赞/ 415 阅读