0

AngularJS 遇到了一个令人沮丧的问题。我要做的就是加载一个 json 文件并使用 ng:repeat 在模板中显示它。过去我对此没有任何问题，但由于某种原因，下面的代码不起作用。有人可以看看并告诉我我错过了什么吗？

如果您查看模板：

调色板.html

{{palette}}

<div ng-repeat="for color in palette">{{color}}</div>

{{palette}}输出[{"hex":"#6e4516"},{"hex":"#DDDABE"},{"hex":"#ECEAD9"},{"hex":"#98A349"},{"hex":"#798616"}]但是 ng:repeat 什么也不显示。所以 json 被加载到作用域中，但由于某种原因，我无法遍历它。

这是我的主要 js 文件：

应用程序.js

var App = angular.module('App', []).
    config(function($routeProvider)
    {
        $routeProvider.
            when('/palette', {templateUrl:'templates/palette.html', controller:PaletteController}).
            otherwise({redirectTo:'/home'})
    });

function PaletteController($scope, $http){
    $http.get('palette.json').success(function(palette){
        $scope.palette = palette;
    });
}

以及从 json 文件加载的数据：

调色板.json

[
    {"hex": "#6e4516"},
    {"hex": "#DDDABE"},
    {"hex": "#ECEAD9"},
    {"hex": "#98A349"},
    {"hex": "#798616"}
]
4

1 回答 1

5

您在 ng-repeat 的表达式部分中的代码不正确。你需要这样的东西：

<div ng-repeat="color in palette">{{color.hex}}</div>
于 2012-12-09T18:22:06.733 回答