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

最新推荐文章于 2024-05-09 11:41:11 发布

水，水，水

最新推荐文章于 2024-05-09 11:41:11 发布

阅读量413

点赞数

分类专栏： angular 文章标签： angular

本文链接：https://blog.csdn.net/weixin_44499394/article/details/90744292

版权

angular 专栏收录该内容

2 篇文章 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">

<!--M:代表注释型的显示值，必须在restrict中申明为M-->
<!-- directive: runoob-directive -->

<!--值得注意的是，如果要开启把自定义指令注释来显示值，那么需要加上repalce，选择为true-->
<!--<P>hello world !</p> template中在你输入的内容外面必须要加一个标签，不管啥标签，不然不能显示值-->


<script>
    var app = angular.module("myApp", []);
    app.directive("runoobDirective", function() {
        return {
            restrict : "M",
            replace : true,
            template : "<P>hello world !</p>"
        };
    });
</script>

</body>
</html>

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

水，水，水

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular中自定义指令M，注释型指令的应用

附上前端测试页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>angular</title> <script src="/static/angular/angular.js-1.7.6/angula...
复制链接

扫一扫