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

Question

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

角，

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

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

HTML，

夾具/ m​​ain.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>