javascript - Ng-repeat 没有在 Flask 应用程序中显示我的项目。

Question

ng-repeat 使我的代码崩溃。当我使用 {{item.Title}} 时，我的应用程序崩溃了。当我使用 {{ item }} 我的应用程序运行时，我在 HTML 标记内出现空白。

<div class="container" ng-app="App"  > 

            <div ng-controller="MainCtrl">

                <div ng-repeat="item in resources" >  

                 <p> {{ item }}  </p> 

                </div> 
        </div>  
</div>

在 Controller 中:

$scope.resources =  [
                      {
                        "Category":"A",
                        "Topic":"U",
                        "Age":"2",
                        "Title":"13"
                      },
                      {
                        "Category":"A",
                        "Topic":"U",
                        "Age":"3",
                        "Title":"12"
                      }
                      ]

Controller 代码如下:

var App = angular.module('App', ['$http']);
console.log(989)


App.controller('MainCtrl', ['$scope', '$http', 
    function($scope, $http) {
        console.log(123456789876543456789)      
        $http.get('../static/js/data.json').success(function(data) {
            $scope.resources = data;

// console.log($scope)
// console.log($scope.resources)
      });
}]);

这是一个使用部分的 Flask 应用程序...问题的根源是双花括号。解决了!

Answer 1

您必须使用 {{ resources.title }} 进行绑定(bind)