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ファイルです：

app.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 に答える