1

food1.json または food2.json の 2 つの JSON ファイルのいずれかのコンテンツをロードしたいと考えています。私はhtmlテンプレートからこれをやろうとしています:

  <body ng-controller="MainCtrl" ng-init="init('food1')">

そしてJSで：

$scope.init = function (name) {
    $scope.name = name;
    $scope.category = name + ".json";
    $scope.foodlist = {};
    $http({
        method: 'GET',
        url: $scope.category,
    }).success(function (data, status, headers, config) {
        {
            $scope.foodlist = data;
        }
    }).error(function (data, status, headers, config) {
        // something went wrong :(
    });
};
});

カテゴリ名は適切に組み立てられています。印刷すると、「I am food1」と表示されますI am {{ category }}。しかし、食品は印刷されていません。JSON呼び出しを間違っていると思います。

これが私のPlunkrです

4

1 に答える 1

1

$httpコントローラーに注入していません。コードを次のように変更します

app.controller('MainCtrl', function($scope, $http) {

それ以外の

app.controller('MainCtrl', function($scope) {

デモ

于 2013-10-31T12:14:40.437 に答える