创建自定义的指令

Posted 2020-06-14

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了创建自定义的指令相关的知识，希望对你有一定的参考价值。

前言

最近工作比较清闲，然后上班时候看了看angular，在看到自定义指令的时候，尝试了一下，发现了一点小感悟。

正文

　　　　　　　　　　　　<!DOCTYPE html>
　　　　　　　　　　　　<html>
　　　　　　　　　　　　<head>
　　　　　　　　　　　　<meta charset="utf-8">
　　　　　　　　　　　　<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
　　　　　　　　　　　　</head>
　　　　　　　　　　　　<body>

　　　　　　　　　　　　<runoob-directive></runoob-directive>
　　　　　　　　　　　　<you-Go></you-Go>
　　　　　　　　　　　　<script>
　　　　　　　　　　　　var app = angular.module("myApp", []);
　　　　　　　　　　　　app.directive("runoobDirective", function() {
　　　　　　　　　　　　return {
　　　　　　　　　　　　template : "<h1>自定义指令!</h1>"
　　　　　　　　　　　　};
　　　　　　　　　　　　});
　　　　　　　　 app.directive("youGo",function(){
　　　　　　　　　　　　return {
　　　　　　　　　　　　template:"<button>自定义指令2</button>"
　　　　　　　　　　　　};
　　　　　　　　　　　　});
　　　　　　　　　　　　</script>

　　　　　　　　　　　　</body>

　　　　　　　　　　　　</body>
　　　　　　　　　　　　</html>

这是从网上取下来的脚本，其中的自定义指令2

是我自己添加的，一开始自定的变量名是yougo，然后元素是<you-go></you-go>，结果半天没有出来。我还挺纳闷，因为人家一开始就说了要用骆驼法命名规范。改为youGo就可以了，算是一点小问题吧。

以上是关于创建自定义的指令的主要内容，如果未能解决你的问题，请参考以下文章