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

悠悠 2022-01-23 06:37 416阅读 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">
    
    
    <shu-lin></shu-lin>
    
    <p shu-lin></p>
    
    <p class="shu-lin"></p>
    
    
    
    
    <script>
        var app = angular.module("myApp", []);
        app.directive("shuLin", function() {
            return {
                restrict : "EAC",
                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/86dc9dc99be844ec8bf77ba12fac9520.png

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 angular 自定义指令

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

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

相关 Angular自定义指令

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

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

相关 angular 自定义指令

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

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

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

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

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

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

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

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

相关 Angular2+ 自定义指令@Directive

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

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

相关 angular 自定义指令详解 Directive

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

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

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

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

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

相关通过自定义指令在Angular2中使用Echarts

前言 echarts是第三方js库，不是ts编写，没有类型定义，我们可以引入类型定义的库@types，查询是否有echarts，很高兴其他人已经帮忙实现了。我们只

阳光穿透心脏的1/2处/ 2021年09月15日 01:46/ 0 赞/ 365 阅读