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

我是Angular的新手。我收到错误" [ng：areq] 参数'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 -->

您需要

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

假设您的控制器是否在名为控制器的文件中.js

然后在您的 HTML 中，您必须像下面这样写

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

为了解决这个问题，我不得不重新创建项目。此外，我到 Web 服务的路径不正确。感谢您的帮助和支持

相关内容

最新更新

热门标签：