javascript - 与 Angular 合作的第一天；我究竟做错了什么？-6ren

javascript - 与 Angular 合作的第一天；我究竟做错了什么？

转载作者：行者123 更新时间：2023-11-28 20:46:13

这是我的第一天，我试图获得一个简单的均匀工作，但事实并非如此。这是一个 fiddle :http://jsfiddle.net/LKktL/

<body ng-app>
 <div ng-controller='EventAddCtrl'>
    <p>Nothing here {{'yet' + '!'}}</p>
 <div class='first-test' ng-click="say_hello()">angular test to say hello</div>
</div>   
</body>

function EventAddCtrl($scope){
  $scope.say_hello = function() {
    alert('hello in there');
  }
}

这显然不起作用，并试图找出原因。提前谢谢

最佳答案

在您的 JSFiddle 中，Angular 正在 onLoad 期间执行。事件。打开浏览器控制台，你会发现 Angular 抛出以下错误

    Error: Argument 'EventAddCtrl' is not a function, got undefined

您的应用程序初始化失败。

onLoad事件在文档加载过程结束时触发。 Angular 在 DOMContentLoaded 期间初始化您的应用程序事件，在 DOM 解析之后、DOM 准备好之前以及文档完全加载之前触发。换句话说，通过将库包含在 <head> 之间，确保在任何这些事件之前解析并执行该库。或<body> HTML 标签。一个好的做法是将其放在收盘之前 <body>标签。

正如其他人提到的，使用 JSFiddle 时，使用 no wrap(head)或no wrap(body) .

关于javascript - 与 Angular 合作的第一天；我究竟做错了什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13373792/