Question

我是Angular的新手。我收到错误“[ng：areq] Argument'myTableController'不是函数，未定义”

我尝试使用警报对其进行调试，但我并没有按照Test4进行调试

为什么？

/// <reference path="angular.js" />
    alert("Test1");
var app1 = angular.module("myTableModule", []);
    alert("Test2");
app1.controller("myTableController", function($scope) {
    alert("Test4");
});
    alert("Test3");

以下是我的html源代码：

<!DOCTYPE html>
<html ng-app>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page - My ASP.NET Application</title>
    <link href="/Content/bootstrap.css" rel="stylesheet"/>
    <link href="/Content/site.css" rel="stylesheet"/>
    <script src="/Scripts/modernizr-2.6.2.js"></script>
    <script src="/Scripts/angular.js"></script>
    <script src="/Scripts/angular-resource.js"></script>
    <script src="/Scripts/angular-route.js"></script>
    <script src="/Scripts/currentSettings.js"></script>
  </head>
<body>
  <div class="navbar navbar-inverse navbar-fixed-top">
     <div class="container">
        <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
           </button>
           <a class="navbar-brand" href="/">Application name</a>
        </div>
      <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
             <li><a href="/">Home</a></li>
             <li><a href="/Home/About">About</a></li>
             <li><a href="/Home/Contact">Contact</a></li>
          </ul>
        </div>
     </div>
  </div>
  <div class="container body-content">
     <div ng-app="myTableModule" ng-controller="myTableController">
        <table>
           <thead>
              <tr>
                 <th>Company Name</th>
                 <th>Customer Name</th>
                 <th>Document Name</th>
              </tr>
           </thead>
           <tbody>
              <tr ng-repeat="currentSetting in currentSettings">
                 <td>{{currentSetting.companyName}}</td>
                 <td>{{currentSetting.customerName}}</td>
                 <td>{{currentSetting.docType}}</td>
              </tr>
           </tbody>
        </table>
     </div>
     <hr />
     <footer>
        <p>&copy; 2016 - My ASP.NET Application</p>
     </footer>
  </div>
  <script src="/Scripts/jquery-1.10.2.js"></script>
  <script src="/Scripts/bootstrap.js"></script>
  <script src="/Scripts/respond.js"></script>
  <!-- Visual Studio Browser Link -->
  <script type="application/json" id="__browserLink_initializationData">
     {"appName":"Chrome","requestId":"4373e3d6a6314b6bb4066b12f1b12d1f"}
  </script>
  <script type="text/javascript" src="http://localhost:55964/60de32f396fe4106a9655183ab19f24b/browserLink" async="async"></script>
  <!-- End Browser Link -->

Answer 1

您需要在html文件中引用控制器的.js文件。

如果您的控制器位于名为controller.js

的文件中，请说明

然后在你的html中你必须写如下

<script src="controller.js" type="text/javascript"/>

Answer 2

要解决这个问题，我必须重新创建项目。我的Web服务路径也不正确。感谢您的所有帮助和支持

角度错误：[ng：areq]参数'myTableController'不是函数，未定义

2 个答案: