Question

我正在尝试调整我的应用程序以使用角度，但目前似乎春天无法看到/与角度交流。这就是我所拥有的：

Controller.java：

@Controller
public class IndexController {
 @RequestMapping(value = "/login", method = RequestMethod.GET, produces = {"application/json"})
 public @ResponseBody Map<String, Object> getIndexPage() {
    Map<String, Object> model = new HashMap<String, Object>();
    model.put("id", UUID.randomUUID().toString());
    model.put("content", "Hello Worl123321");
    return model;
 } 
}

index.html：

<!doctype html>
<html>

  <head>
      <title>Title</title>
      <!--<link href="css/angular-bootstrap.css" rel="stylesheet">
      <link rel="stylesheet" href="css/app.css"/>-->
      <style type="text/css">
        [ng\:cloak],
        [ng-cloak],
        .ng-cloak {
            display: none !important;
        }
      </style>
      <script src="js/angular-bootstrap.js" type="text/javascript"></script>>
      <script src="app/app.js"></script>
      <script src="app/listView/listView.js"></script>
  </head>

  <body ng-app="myApp">
      <!-- Application content -->
      <div ng-include="'app/app.html'"></div>
  </body>

</html>

app.html：

<div class="container">
    <div ng-controller="appCtrl" ng-cloak class="ng-cloak">
        {{greeting.content}}
    </div>
</div>

app.js：

angular.module('myApp', [])
    .controller('appCtrl', function($scope, $http) {
        $http.get('/login/').success(function(data) {
            $scope.greeting = data;
        });
});

我得到这样的输出：

{＆＃34; ID＆＃34;：＆＃34; 01cdab29-e0ce-45ee-abb9-64b2640859ca＆＃34;＆＃34;内容＆＃34;：＆＃34;你好 Worl123321＆＃34;}

并且似乎没有加载角度脚本......

Answer 1

您使用什么来序列化为JSON？

这可能是因为Map＆lt;＆gt;在对象和数据之间有额外的字段“内容”尝试。

 $scope.greeting = data.content;

我已经听说过这样的问题，杰克逊添加了一个“内容”，尽管这是一个休眠问题。

如果你不想要那个额外的字段：创建一个包含id和content字段的包装类并使用它。

春天看不到棱角分明

1 个答案: