Javascript TypeError:undefined在ASP.NET中触发AJAX请求时不是函数_Javascript_Asp.net_Ajax_Angularjs

Javascript TypeError:undefined在ASP.NET中触发AJAX请求时不是函数

javascript asp.net ajax angularjs

Javascript TypeError:undefined在ASP.NET中触发AJAX请求时不是函数,javascript,asp.net,ajax,angularjs,Javascript,Asp.net,Ajax,Angularjs,我按照本教程在angularJS应用程序（CRUD操作）上创建AJAX请求。在我完成编码后，我尝试执行AJAX请求（从数据库获取所有数据），但当我使用应用程序时，我遇到了以下错误： TypeError: undefined is not a function at new <anonymous> (http://localhost:49510/Scripts/application/controllers.js:4:15) 下面是contacts.html模板： <d

我按照本教程在angularJS应用程序（CRUD操作）上创建AJAX请求。在我完成编码后，我尝试执行AJAX请求（从数据库获取所有数据），但当我使用应用程序时，我遇到了以下错误：

TypeError: undefined is not a function
    at new <anonymous> (http://localhost:49510/Scripts/application/controllers.js:4:15)

下面是contacts.html模板：

<div class="container view">
    <header>
        <h3>Contacts</h3>
    </header>

    <div>
        <a class="nav-pills hover" href="#/add-contact">Add Contact</a>
    </div>
    <br /><br />

    <div class="row">
        <ul class="span5" >
            <li class="nav-pills nav-stacked contact-row" data-ng-repeat="contact in contacts | orderBy:'firstName'">
                <span id="ct-details-{{contact.id}}" data-ng-click="displayContact(contact.id)" style="cursor:pointer;" class="contact-data details-hidden" href="" >
                    <span class="span3 contact-name" >{{contact.firstName + ' ' + contact.lastName}}
                        {{contact.emailAddress}}</span>
                </span>
                                     <button class="btn editContact" data-ng-click="deleteContact(contact.id)">Delete</button>

                     <button class="btn editContact" data-ng-click="editContact(contact.id)">Edit</button>

            </li>
        </ul>
    </div>
</div>


联络





{{contact.firstName+''+contact.lastName}
{{contact.emailAddress}
删除
编辑

下面是index.cshtml文件：

<!DOCTYPE html>
<html ng-app="contactsManager">
<head>
    <title>Contacts</title>
</head>
<body>
    <div class="navbar navbar-top">
        <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
        <link href="~/Content/custom.css" rel="stylesheet" />

        <div class="navbar-inner">
            <div class="container">
                <h2>Contacts</h2>
            </div>
        </div>
    </div>
    <div ng-view class="example-animate-container"
         ng-animate="{enter: 'example-enter', leave: 'example-leave'}"></div>
    <script src="~/Scripts/angular.js"></script>
    <script src="~/Scripts/angular-route.js"></script>
    <script src="~/Scripts/application/application.js"></script>
    <script src="~/Scripts/application/controllers.js"></script>
    <script src="~/Scripts/application/contactsService.js"></script>
</body>
</html>


联络
联络

控制器函数中的参数顺序必须与参数数组中的顺序匹配

您混合了

$http

和

$location

的顺序

因此，将函数签名更改为

app.controller('ContactsController', [
    '$scope', '$http', '$location', 'contactsService',
    function ($scope, $http, $location, contactsService) {

上面写着controllers.js的第4行，若你们点击控制台，它应该会显示你们的确切代码。@AnshulNigam我点击了产生错误的第4行，但这对我并没有帮助。我用注释编辑了我的原始代码，在哪里触发了错误（在哪一行）。但我不知道它为什么会在那里触发，以及如何修复它……谢谢@nemesv。你的建议很有效。现在我有一个问题，我从数据库中得到了空结果。因为这是另一类问题，我会把你的答案记为正确答案（分钟后）

app.controller('ContactsController', [
    '$scope', '$http', '$location', 'contactsService',
    function ($scope, $http, $location, contactsService) {