javascript - 找不到 AngularJS Controller ,因为未定义

标签 javascript html angularjs

我在运行以下示例时收到 AngularJS 错误参数错误,请告诉我哪里做错了?实际上,如果我在外面/正常运行,下面的代码工作正常,但是当我在我的应用程序中复制/粘贴这段代码时,它给出了以下错误。 (此页面/选项卡从我的应用程序的 Controller 中显示,例如:TestController,它在 coffeescript 中可用。但我不需要任何 coffeescript 来满足此要求,我需要在 AngularJs 中使用它。因此,在此选项卡中,我需要显示在代码/按钮下方。

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

  <script>

var myApp = angular.module('myApplication', []);

myApp.controller('TestController', ['$scope', function($scope){
 $scope.test = function(){
 alert("Success");
 }
}]);
    </script>
  </head>
  <body>
  <div ng-app="myApplication">
  <div  ng-controller="TestController">
<div class="tab-pane" id="wizards">

<button type="button"  ng-click="test();">Test</button>

</div></div></div>
  </body>
  </html>

错误:错误:[ng:areq] http://errors.angularjs.org/1.4.8/ng/areq?p0=TestController&p1=not%20a%20function%2C%20got%20undefined

最佳答案

Plunker为我工作

<head>
    <link rel="stylesheet" href="style.css">
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js">        </script>

    <script src="script.js"></script>
  </head>

  <body>
    <div  ng-app="myApplication">
        <div ng-controller="WizardController">
            <button ng-click="test()">Test</button>
        </div>
    </div>
  </body>

关于javascript - 找不到 AngularJS Controller ,因为未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34196082/

相关文章:

javascript - d3.js - 过渡仅在没有 svg 标题的情况下开始,而不是从它开始

javascript - 提交后以下代码是否会重置并刷新表单?

angularjs - 如何使用 ng-option 设置 select 元素的默认值

angularjs - 在 Angular 2 (router v3.0.0-alpha.6) 中获取父路由参数

javascript - 如何在angularJS中过滤多个动态值

javascript - AngularJS + Bootstrap 记住事件选项卡

javascript - 无法单击按钮元素内的输入元素

html - 如何访问动态推送到 html 中的 html 元素?

javascript - 所有页面链接都无法点击?

html - Gmail 阻止电子邮件模板中的小型嵌入式内联图像