关闭

自定义指令

196人阅读 评论(0) 收藏 举报
分类:

使用驼峰法来命名一个指令, runoobDirective, 但在使用它时需要以 - 分割, runoob-directive

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myApp">

<runoob-directive></runoob-directive>

<script>
    var app = angular.module("myApp", []);
    app.directive("runoobDirective", function() {
        return {
            restrict : "E",
            template : "<h1>自定义指令!</h1>"
        };
    });
</script>

</body>
</html>

restrict 值可以是以下几种:

  • E 作为元素名使用
  • A 作为属性使用
  • C 作为类名使用
  • M 作为注释使用

restrict 默认值为 EA, 即可以通过元素名和属性名来调用指令。通过添加 restrict 属性,并设置只值为 “E”, 来设置指令只能通过元素名的方式来调用

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:463355次
    • 积分:8791
    • 等级:
    • 排名:第2467名
    • 原创:432篇
    • 转载:53篇
    • 译文:0篇
    • 评论:59条