私は確かに単純な解決策がありますが、見つけられないという問題があります。私は3つの別々の配列を持つJSONファイルを持っています。ウェブサイト1、ウェブサイト2、ウェブサイト3。私はapp.controller経由でこれを取得しており、ng-repeatを使用して3つの選択リストにオプションを生成する必要があります。 3つのapp.controllerインスタンスを作成するのではなく、3つの配列を持つフォームレベルで1つを作成し、ng-repeatを3回使用して関連する値を取得するのは意味がありましたが、 ng-repeatを使用して値を取得します。JSONファイルで2つの別々の配列にng-repeat Angular JS
[
{
"Websites1": [
{
"0": "1",
"ID": "1",
"1": "Value 1",
"WebsiteName": "Value 1",
"2": "EI",
"WebsiteCode": "EI"
},
{
"0": "2",
"ID": "2",
"1": "Value 2",
"WebsiteName": "Value 2",
"2": "IC",
"WebsiteCode": "IC"
},
{
"0": "3",
"ID": "3",
"1": "Value 3",
"WebsiteName": "Value 3",
"2": "SO",
"WebsiteCode": "SO"
}
]
},
{
"Websites2": [
{
"0": "1",
"ID": "1",
"1": "Value 1a",
"WebsiteName": "Value 1a",
"2": "EI",
"WebsiteCode": "EI"
},
{
"0": "2",
"ID": "2",
"1": "Value 2a",
"WebsiteName": "Value 2a",
"2": "IC",
"WebsiteCode": "IC"
},
{
"0": "3",
"ID": "3",
"1": "Value 3a",
"WebsiteName": "Value 3a",
"2": "SO",
"WebsiteCode": "SO"
}
]
},
{
"Websites3": [
{
"0": "1",
"ID": "1",
"1": "Value 1a",
"WebsiteName": "Value 1a",
"2": "EI",
"WebsiteCode": "EI"
},
{
"0": "2",
"ID": "2",
"1": "Value 2a",
"WebsiteName": "Value 2a",
"2": "IC",
"WebsiteCode": "IC"
},
{
"0": "3",
"ID": "3",
"1": "Value 3a",
"WebsiteName": "Value 3a",
"2": "SO",
"WebsiteCode": "SO"
}
]
}
]
とコントローラ:
app.controller('FormController', [ '$http', function($http) {
var form = this;
form.json = [];
var config = {
params: {
command: 'banner.json.form.website',
ajax: 'true'
}
}
$http.get('https://api.myjson.com/bins/o9r47', config).success(function(data) {
console.log(data);
form.json = data;
}).error(function(data) {
console.log('error');
});
}]);
すべてが良いとJSONが正しく返されているが、次のように私が持っているJSONです。私は唯一のトップレベルのデータをJSONオブジェクトを使用する場合は、この作品
<div ng-controller="FormController as form" class="portlet-body form">
<select class="form-control select2">
<option ng-repeat="json in form.json.Websites" value="{{json.WebsiteCode}}">{{json.WebsiteName}}</option>
</select>
</div>
:ここではNGリピートです
<div ng-controller="FormController as form" class="portlet-body form">
<select class="form-control select2">
<option ng-repeat="json in form.json" value="{{json.WebsiteCode}}">{{json.WebsiteName}}</option>
</select>
</div>
しかし、私は、配列からデータを取得する方法を見つけ出すことはできませんJSONオブジェクト内で誰か助けてもらえますか?
ありがとうございます!
'あなたの例の周りのブラケットがないあなたは、単一の配列要素にラップあなたのデータを受信していることを確認するので、' [ '&']してください間違い。 – Seprum