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