【第22期】观点:IT 行业加班,到底有没有价值?

自定义指令

原创 2016年08月30日 17:15:31

使用驼峰法来命名一个指令, 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”, 来设置指令只能通过元素名的方式来调用

版权声明:本文为博主原创文章,未经博主允许不得转载。如需转载,请注明出处:http://blog.csdn.net/lindonglian 举报

相关文章推荐

Vue自定义指令的使用

Vue自定义指令的使用1.自定义指令的语法Vue自定义指令语法如下:Vue.directive(id, definition)传入的两个参数,id是指指令ID,definition是指定义对象。其中,...

[Velocity二]自定义Velocity指令

什么是Velocity指令 在Velocity中,#set,#if, #foreach, #elseif, #parse等,以#开头的称之为指令,Velocity内置的这些指令可以用来做赋值,条件判断,循环控制等脚本语言必备的逻辑控制等语句,Velocity的指令是可扩展的,即用户可以根据实际的需...

程序员升职加薪指南!还缺一个“证”!

CSDN出品,立即查看!

velocity中自定义指令的用法

velocity是类似于jsp并且比jsp更为强大的引擎,用法也很简单 和jsp的配置差不多 1.在mvc-servlet.xml中配置velocity的引擎、视图解析器、配置文件路径等配置...

volicity 自定义指令 Directive 并获取ApplicationContext

背景说明:在基于spring MVC、volicity的WEB项目中,需要在volicity页面中读取远程配置信息(zookeeper)。   第一步:编写读取远程配置信息工具类(具体不做说明)   详情可参阅:http://timerbin.iteye.com/blog...

Vue.directive 自定义指令

一、什么是全局API? 全局API并不在构造器里,而是先声明全局变量或者直接在Vue上定义一些新功能,Vue内置了一些全局API,比如我们今天要学习的指令Vue.directive。说的简单些就...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)