创建自定义的指令

前言

最近工作比较清闲，然后上班时候看了看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就可以了，算是一点小问题吧。