AngularJS服务未返回JSON数据

AngularJS Service not Returning JSON data

本文关键字：JSON 数据 返回 服务 AngularJS      更新时间：2023-09-26

我正试图从angular服务中提取json数据，但它总是打印空格，有人能帮我吗。控制台中也没有错误。

服务

    app.service("Java4sService", function() {
     var details = {};
     this.details = function() {
         [{
             name: "James",
             country: "United Stages"
         }, {
             name: "Rose",
             country: "United Kingdom"
         }, {
             name: "Smith",
             country: "United States"
         }]
     };
     this.getDetails = function() {
         return details;
     };
 });

控制器

app.controller("Java4sController",function($scope,Java4sService){           
                $scope.personDetails = Java4sService.getDetails();
});

Html

<ul>
    <li ng-repeat="person in personDetails ">
            {{person.name}} - {{person.country}}
    </li>
</ul>

您应该如下修改您的服务：

app.service("Java4sService", function() {
    var details = [ {
        name: "James",
        country: "United Stages"
    }, {
        name: "Rose",
        country: "United Kingdom"
    }, {
        name: "Smith",
        country: "United States"
    } ]
    return {
        getDetails: function() {
            return details;
        }
    };
});

这是的演示

相关文章：