控制器是否必须编写指令

Question

我只是 Angular JS 的初学者。我正在学习编写指令。

<!DOCTYPE>
<html ng-app="myapp">
<head>
<script src="angular.min.js"/>
<script>
var app = angular.module('myapp', []);

app.directive('helloWorld',function()
{
return{
restrict: 'AEC',
replace: 'true',
template: '<h1>helloWorld</h1>' 
}
});
</script>
</head>
<body>
    <h1>Hello World example</h1>
<hello-world></hello-world>
</body>
</html>  

现在，上面的代码有什么问题，我收到一个错误 - Uncaught Error: [$injector:modulerr]。
1. 控制器是否必须编写指令，它不是从 $rootscope 继承的。
2. 如何掌握指令。

Answer 1

不，您不需要控制器，但您的模板需要是实际的 html，因为您在指令中设置了 replace: true。你可以解决这个问题：

template: '<h1>helloWorld</h1>' 

...或者去掉replace: true，你的指令就会起作用。请参阅 this previous SO answer 了解 replace 的情况。

See this plunker adapted from your code.

网上有很多很棒的资源可以学习指令，但我找到的最好的资源是this Udemy course by Dan Wahlin。这是物有所值的，尤其是如果您获得了折扣优惠。他还写了an excellent series of blog posts，反映了 Udemy 课程并阐明了关键概念。