开始先来一个例子:
<!DOCTYPE html>
<html ng-app = 'app'>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
</head>
<body>
<custom-directive></custom-directive>
<script type="text/javascript">
angular.module('app',[])
.directive('customDirective',customDirective);
function customDirective(){
var directive = {
restirct:'EA',
template:'<div>{{vm.test}}</div>',
link:function(){},
controller:directiveController,
controllerAs:'vm'
};
return directive;
}
function directiveController(){
var vm = this;
vm.test = "I'm from Controller";
}
</script>
</body>
</html>
<!DOCTYPE html>
<html ng-app = 'app
