对于AngularJS示例,我在JSFIDLE中缺少什么

对于AngularJS示例,我在JSFIDLE中缺少什么,angularjs,jsfiddle,Angularjs,Jsfiddle,我试图在JSFIDLE中运行一些AngularJS代码,但没有显示任何内容。我一定错过了什么: <body> <div ng-app="myApp"> <div ng-controller="Controller"> <my-customer></my-customer> </div> </div> </body> 编辑: 我

我试图在JSFIDLE中运行一些AngularJS代码,但没有显示任何内容。我一定错过了什么:

<body>
    <div ng-app="myApp">
        <div ng-controller="Controller">
            <my-customer></my-customer>
        </div>
    </div>
</body>

编辑:

我遇到了这个例子,它确实显示了AngularJS的工作原理:


但我不明白的是,为什么在下拉列表中列出了AngularJS的另一个版本,而在我的列表中它并不存在。

我猜您还没有查看控制台输出 您有一个
模板URL
,但没有附加文件,因此无法加载


我直接从angularjs.org网站复制了这段代码,但没有意识到templateUrl是无效的。我还发现,您还需要使用“no wrap-in”选项,否则AngularJS将无法工作。
angular.module('myApp', [])
    .controller('Controller', ['$scope', function ($scope) {
    $scope.customer = {
        name: 'Naomi',
        address: '1600 Amphitheatre'
    };
}])
    .directive('myCustomer', function () {
    return {
        restrict: 'E',
        templateUrl: 'my-customer.html'
    };
});