javascript - 如何在 Angular 中使用指令加载外部模板？

Question

如何使用指令在 Angular 中加载外部模板？

Angular ，

app.directive('helloWorld', function() {
    return {
        restrict: 'AE',
        replace: true,

        //templateUrl points to an external html template.
        emplateUrl: 'fixture/main.html'
    };
});

html，

fixture/main.html，

<div ng-controller="SimpleController">{{sayHello()}}</div>

没有加载任何内容。知道我错过了什么吗？

Answer 1

使用这个

app.directive('helloWorld', function() {
    return {
        restrict: 'AE',
        replace: true,

        //templateUrl points to an external html template.
        templateUrl: 'fixture/main.html'
    };
});

在 HTML 中

<div ng-controller="SimpleController"><div hello-world></div></div>