通過http不工作的Json響應

目前正在處理angularjs，我試圖從JSON文件獲取數據，並以Ul格式顯示結果。當我搜索在SO我發現這個link我試圖做同樣的，但我仍沒有得到通過http不工作的Json響應

這就是我想在這裏控制器

'use strict'; 
var app = angular.module('myApp', []); 

app.controller('MyController', function($scope, $http){ 
    $http.get('sample.json').then(function (response){ 
    $scope.items = response.data.countries; 
    }); 
});

HTML代碼

<body ng-app="myApp"> 
    <div ng-controller="MyController"> 
     <ul> 
      <li ng-repeat="(key, value) in items" {{key}}> 

      </li> 
     </ul> 
    </div> 
</body>

這裏是我的plunker請幫助我在這裏做錯了

來源

2016-05-08 Mahadevan

你寫'{{key}}'屬性裏面的標籤 – aseferov

有三個問題，

（i）您不需要在controller.js中的script.js和其他一個中聲明一次模塊兩次。（ii）您指的是角2.0版，並使用角1.4版進行編碼。

（三）如果你想顯示從JSON所有國家，它不應該有重複鍵，你可以從plunker本身

{ "countries": { "State": [ "TamilNadu" ], "State": [ <-- Error: duplicate key! "Karnataka" ] } }

這裏看到的是工作Application

來源

2016-05-08 17:10:11 Sajeetharan

嗨感謝您的迴應我想要顯示的所有狀態是可能的，請您解釋 – Mahadevan

是的，它的可能性，你不應該有重複鍵在你的json – Sajeetharan

你可以請幫助我如何創建一個簡單的JSON哪個國家 – Mahadevan

一另外一個問題：你的JSON是不正確的：

{ 
    "countries": { 
    "State": [ 
     "TamilNadu" 
    ], 
    "State": [ <-- Error: duplicate key! 
     "Karnataka" 
    ] 
    } 
}

這裏是一個另類：

{ 
    "countries": [ 
    { "USA": [ 
     {"State": "California"}, 
     {"State": "Nevada"} ]}, 
    { "India": [ 
     {"State": "TamilNadu"}, 
     {"State": "Karnataka"} ]} 
] }

來源

2016-05-08 17:13:41 paulsm4

嗨，當我試圖把你的JSON我只是得到點不是值爲什麼 – Mahadevan

通過http不工作的Json響應

回答

相關問題