Question

我正在尝试学习AngularJs。因此，我正在研究这个示例，我需要在此处输入代码以在html上显示数据库记录。

但是我得到的只是

Name    {{Response.Name}} 
Father Name {{response.FatherName}}
Address {{Contact.Address}} 
Phone Number    {{Contact.PhoneNumber}}

我没有得到值。

这是我的fetchdata，js

    var MyApp = angular.module('FetchData', []);
    MyApp.controller('', function ($scope, RecordService) { 
         //inject $scope and RecordService.
        $scope.Contact = null;
        RecordService.GetRecord().then(function (d) {
            $scope.Contact = d.data; // Success
        }, function () {
            alert('Failed'); // Failed
        });
    });

    MyApp.factory('RecordService', function ($http) {
        var fac = {};
        //GetRecord function will call the GetStudentRecord action method.
        fac.GetRecord = function () {
            return $http.get('/StudentController/GetStudentRecord');
        }
        return fac;
    });

好的，这是我的html

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml"; //SHared layout
}
<h2>How to Fetch Data From Database using AngularJs.</h2>
<div ng-controller="StudentController">

    <table class="table table-responsive caption">
        <tr>
            <td>Name </td>
            <td>{{Response.Name}}</td>
        </tr>
        <tr>
            <td>Father Name </td>
            <td>{{response.FatherName}}</td>
        </tr>
        <tr>
            <td>Address</td>
            <td>{{Contact.Address}}</td>
        </tr>
        <tr>
            <td>Phone Number</td>
            <td>{{Contact.PhoneNumber}}</td>
        </tr>
    </table>
</div>

Answer 1

尝试调试代码，并将断点放在以下代码行中，以确保d.data存在并将其分配给$ scope.Contact：

$scope.Contact = d.data; // Success

另一件事是，响应和响应似乎未定义。

我最后的建议是确保这些变量存在于当前控制器中。在html的 div 上，您已编写 ng-controller =“ StudentController” 。确保您的变量在该控制器中。

无法在angularjs中显示json数据

1 个答案: