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

Ng-repeat is not showing my items in a Flask application.

本文关键字：显示 我的 项目 Flask 应用程序 Ng-repeat      更新时间：2023-09-26

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>

在控制器中:

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

控制器代码如下:

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)
      });
}]);

这是一个使用partials的Flask应用程序…问题的根源是双曲。解决了!

必须使用{{资源进行绑定。

我已经创建了JS提琴并按预期工作，请看看我的代码

angular.module("App", []).controller('MainCtrl', function ($scope) {
    $scope.resources = [{
        "Category": "A",
            "Topic": "U",
            "Age": "2",
            "Title": "13"
    }, {
        "Category": "A",
            "Topic": "U",
            "Age": "3",
            "Title": "12"
    }]
});

. 

$http.get('../static/js/data.json').success(function(data) {
            $scope.resources = data;
            $scope.$apply();
      });

这个方法对我很有效

var app = angular.module('App', []);
app.controller('MainCtrl', 
      function($scope, $http) {   
        $http.get('../static/js/data.json').success(function(data) {
            $scope.resources = data;
      }); 
});

数据。Json文件内容如下所示

[
    {
        "Category":"A",
        "Topic":"U",
        "Age":"2",
        "Title":"13"
    },
    {
        "Category":"A",
        "Topic":"U",
        "Age":"3",
        "Title":"12"
    }
]

Item是一个对象，p标签想要显示一个字符串。试试

<p>{{item.title}}</p>

解决方案是:

{% raw %}
item.Title
{% endraw %}
相关文章：