javascript - AngularJS 入门失败

标签 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!";
});

最佳答案

你的代码没问题。这是 jsfiddle 造成的麻烦。

onLoad 切换负载类型至No Wrap - in <head> 刚刚在你的 fiddle 上测试过。就像魅力一样。

为什么它有效?
默认情况下,JsFiddle 将代码包装在就绪或加载事件中,并且在编译代码时,Angular 可能无法在全局范围内获得所需的内容。 No wrap in <head>只需将脚本加载到头部,无需换行。

如果您在 Angular 中经常使用 jsfiddle,请阅读本文,它会为您节省大量时间 - Using jsFiddle with Angular

enter image description here

关于javascript - AngularJS 入门失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37785034/

相关文章:

javascript - 第一次进入焦点时如何清除文本框?

javascript - Node.js,不调用处理程序回调

javascript - 为什么 href 中的 $location.absUrl(), $location.$$url, $location.$$path 为空?

JavaScript : dealing with arrays into object (in angular)

javascript - 显示缺少哪个 id

javascript - 如何在关闭事件中获取剑道窗口的名称

javascript - Vuejs 运行 "npm run build"随机工作

javascript - 单击和内容加载完成后如何运行 Protractor 测试?

javascript - 失败 : unknown error: Element is not clickable at point (x, x) - Angular/Protractor

angularjs - 如何观看延期服务属性(property)?