【问题标题】:Unable to display received data无法显示接收到的数据
【发布时间】:2017-09-09 23:18:39
【问题描述】:

您好,我是 angular 和 spring 的新手。我正在尝试创建一个小示例,我从服务器接收用户数据并将其显示在网页上。我已成功建立连接,但无法打印接收到的数据。附上代码。

网页代码:

<body>
    <div ng-app="MyApp" ng-controller="MyCtrl">
        <table>
            <tr ng-repeat="user in data">
                <td>{{user.name}}</td>
            </tr>
        </table>
     </div>

    <script>
        var app=angular.module("MyApp",[]);
        app.controller("MyCtrl",function($scope,$http){
            $scope.data=[];
            $http.get("/loginUser").then(function(response){
                $scope.data=response
            },function(){

            })
        });
    </script>
</body>

控制器代码:

@Controller
public class MainController {

@RequestMapping(value="/loginUser",method=RequestMethod.GET)
public ResponseEntity<List<User>> getLoginInfo(){
    String loginInfo="Controller hit";
    System.out.println(loginInfo);
    List<User> users=new ArrayList<User>();
    users.add(new User("Jayant"));
    System.out.println(users.size());
    return new ResponseEntity<List<User>>(users, HttpStatus.OK);
 }
}

用户类:

public class User {

private String name;

public User(String name) {
    this.name = name;
}

public String getName() {
    return name;
}

public void setName(String name) {
    this.name = name;
}

}

【问题讨论】:

  • 您在接收数据吗?
  • 我遇到了类似的问题。

标签: angularjs spring-mvc spring-boot angular-services


【解决方案1】:

试试这个

 $http.get("/loginUser").then(function(response){
            $scope.data=response.data;

使用 response.data 代替响应

【讨论】:

    猜你喜欢
    • 2015-01-02
    • 1970-01-01
    • 2015-11-09
    • 2019-10-04
    • 1970-01-01
    • 2023-03-18
    • 1970-01-01
    • 1970-01-01
    • 2016-08-14
    相关资源
    最近更新 更多