开始angularjs失败了

时间:2016-06-13 08:30:51

标签: javascript angularjs

不确定为什么这不起作用

https://jsfiddle.net/0616b9ks

<body ng-app="main" id="homepage">
  <h1 ng-controller="homepageCtrl">hello {{test}}</h1>
</body>

JS

var app = angular.module("main", [])

.controller("homepageCtrl", function($scope) {
  $scope.test = "World!";
});

2 个答案:

答案 0 :(得分:1)

你的代码很好。这是造成麻烦的小问题。

将加载类型从onLoad切换为No Wrap - in <head> 刚试试你的小提琴。像魅力一样。

为什么会这样?
JsFiddle默认情况下将代码包装在ready或load事件中。在编译代码时,Angular可能无法在全局范围内获得所需的内容。 No wrap in <head>只是将脚本加载到头部,而不进行换行。

如果你为Angular使用jsfiddle,那么给它一个读数,它会节省你很多时间 - Using jsFiddle with Angular

enter image description here

答案 1 :(得分:1)

在Js Fidle中将载荷类型从onLoad切换到No Wrap - in