使用Golang REST服务中的AngularJS显示JSON字段

Question

在服务器上，我有以下简单的Go REST函数：

func GetFoo(w http.ResponseWriter, r *http.Request){

res1D := &Response1{
    Page:   101,
    Fruits: []string{"apple", "peach", "pear"},
}
res1B, _ := json.Marshal(res1D)
w.Header().Set("Content-Type", "text/json; charset=utf-8")
w.Write(res1B)

}

type Response1 struct {
Page   int
Fruits []string
}

在我的索引上。html，我的AngularJS代码是：

<div ng-controller="SecondCtrl">
{{allFoo}}
<div ng-repeat="foo in allFoos">
    {{foo}}
</div>

和我的AngularJS控制器：

function SecondCtrl($scope, Restangular){

var foos = Restangular.all('rest/foos');

foos.getList().then(function(foo) {
    $scope.allFoos = foo;
});
};

当渲染index.html时，对于{{allFos}}我看到：

{"0":101,"1":["apple","peach","pear"],"Page":101,"Fruits":["apple","peach","pear"],"route":"rest/foos","parentResource":null,"restangularCollection":true}

对于repeat AngularJS div，对于{{foo}}，我得到：

101
["apple","peach","pear"]
["apple","peach","pear"]
101
true
rest/foos

我的目标是只显示响应1的“页面”字段。我在重复div中尝试了{{foo. Page}}，但重复div不显示任何内容，也没有看到错误。

Answer 1

使用{{allFoo。Page}}。您的ng-重复正在循环遍历allFos的值，这就是您在该列表中看到Page的值101的原因。