TemplateUrl无法在Angular中工作

时间:2014-07-31 02:33:41

标签: javascript angularjs angularjs-directive

我正在试验Angular,我只是不明白为什么我的指令不能在我的计算机上运行。当我使用'模板'在我的指令中,我得到了我想要的结果,但当我做了' templateUrl'它只是赢了工作。

我甚至从这个plunker中复制了代码:http://plnkr.co/edit/uCodR53Mdj5VDCN1ul9r?p=preview

这些是我的文件,全部在没有子文件夹的同一文件夹下

- 的index.html -

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example - example-example81-production</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js"></script>
    <script src="script.js"></script>
</head>
<body ng-app="docsRestrictDirective">
    <div ng-controller="Controller">
        directive goes here: <my-customer></my-customer>
    </div>
    angular loaded if 3: {{1+2}}
</body>
</html>

- 我-customer.html -

Name: {{customer.name}} Address: {{customer.address}}

- 的script.js -

angular.module('docsRestrictDirective', [])
    .controller('Controller', ['$scope', function($scope) {
    $scope.customer = {
        name: 'Naomi',
        address: '1600 Amphitheatre'
    };
}])
    .directive('myCustomer', function() {
    return {
        restrict: 'E',
        templateUrl: 'my-customer.html'
    };
});

帮助!这让我抓狂:&#39;(

0 个答案:

没有答案