Javascript 需要带MVC控制器指南的AngularJS

所以我今天开始学习angularJS，我还创建了一个演示代码。 不知怎的，代码没有运行。我从某个地方复制了这个代码，然后改成了我的名字。在运行html之后。代码显示

{{CU.name}}

可以给出一个很好的链接或者简单的示例代码，用angular Js和MVC一步一步地拉取数据吗

  <script>
var TestCtrl = function ($scope, $http) {

    $scope.firstCall = function () {

        $http({
            url: "@Url.Action("RetriveRecordList", "recordController")",
            dataType: 'json',
        method: 'GET',
        data: '',
        headers: {
            "Content-Type": "application/json"
        }
    }).success(function (response) {
        debugger;
        alert("haha")
        $scope.DemoList = response;
    })
       .error(function (error) {
           alert(error);
       });
}
}

var TestCtrl=function（$scope，$http）{
$scope.firstCall=函数（）{
$http({
url:“@url.Action（“检索记录列表”、“记录控制器”）”，
数据类型：“json”，
方法：“GET”，
数据：“”，
标题：{
“内容类型”：“应用程序/json”
}
}).成功（功能（响应）{
调试器；
警惕（“哈哈”）
$scope.DemoList=响应；
})
.错误（函数（错误）{
警报（错误）；
});
}
}

客户ID
客户名称
电子邮件
流动电话号码。
地址
注册日期
{{CU.name}
{{CU.name}
{{CU.name}
{{CU.name}
{{CU.name}
{{CU.name}

---

首先，您必须将angular框架引用到您的应用程序中。然后定义模块和控制器。然后在HTML文件中使用ng app指令引用模块名称。

在HTML中定义

ng app

，并在js文件中定义模块。定义

$http

属性时，还要添加逗号和

：

$http({
    url: "@Url.Action(",
    RetriveRecordList: ", ",
    recordController: ")",
    dataType: 'json',
    method: 'GET',
    data: '',
    headers: {
        "Content-Type": "application/json"
    }
})

要捕获响应，请使用

然后

而不是

成功

。它将从angular version 6.1.1中删除

angular.module（'app'，[]）
.controller（'TestCtrl'，TestCtrl）；
函数TestCtrl（$scope$http）{
$scope.firstCall=函数（）{
$http({
url:“@url.Action（”，
检索记录列表：“，”，
记录控制器：“）”，
数据类型：“json”，
方法：“GET”，
数据：“”，
标题：{
“内容类型”：“应用程序/json”
}
}).然后（功能（响应）{
调试器；
警惕（“哈哈”）
$scope.DemoList=响应；
}，函数（错误）{
警报（错误）；
}) 
}
}

客户ID
客户名称
电子邮件
流动电话号码。
地址
注册日期
{{CU.name}
{{CU.name}
{{CU.name}
{{CU.name}
{{CU.name}
{{CU.name}

那么必须定义ng应用程序吗？[link]此链接示例中没有ng应用程序。每个Angle应用程序都必须有模块，并使用ng应用程序指令引用html

angular.module('ngSampleApp', []).controller('TestCtrl', `function($scope) {`

});

$http({
    url: "@Url.Action(",
    RetriveRecordList: ", ",
    recordController: ")",
    dataType: 'json',
    method: 'GET',
    data: '',
    headers: {
        "Content-Type": "application/json"
    }
})