2017-05-26 64 views
0

嗨我正在angularjs中開發web應用程序。我有一個有幾個下拉的html表單。我正在通過API調用來填充數據以便下載。我沒有在一次通話中分別撥打電話,而是獲取了綁定所有下拉菜單所需的所有數據。 以下是我的示例數據。如何將對象的數組分配給angularjs中的下拉列表?

{"status":"Success","msg":"Success","code":"200","data":{"Education":[{"ID":1,"Education":"btech"},{"ID":2,"Education":"Bcom"},{"ID":3,"Education":"BA"},{"ID":6,"Education":"PU"}],"MaritalStatus":[{"ID":1,"MaritalStatus":"sinle"},{"ID":2,"MaritalStatus":"married"}]} 

我想將它綁定到下拉如下。

var martialstatus = new Array(); 
    var Education = new Array(); 
    $http.get(baseurl + 'api' + '/Customer/' + 'PersonalInfoMasters').success(function (data) { 
     $.map(data.data, function (item) { 
      Education.push(item[0]); 
     }); 
     console.log(Education); 
    }).error(function (status) { 
    }); 

的Abobe一段代碼,讓我從喜歡從教育的第一個項目,婚姻狀況等,我想教育對象綁定到教育數組中的每個對象的第一個項目。我可以知道我在哪裏丟失任何代碼行嗎?任何幫助,將不勝感激。

+0

'$ .map(data.data.Education'使用此。 –

回答

2

你似乎沒有做任何類型的映射從原來的結果,所以下面就足夠了:

Education = data.data.Education; 

注:

  1. item[0]看起來怪怪的 - 你想用什麼來實現?
  2. 我會使用小寫字母作爲變量的名稱。
+0

這工作正常。謝謝... –

0

難道不應該更喜歡:

$.map(data.data.Education, function (item) { 
     Education.push(item[0]); 
    }); 

1

你可以這樣來做:

var martialstatus = new Array(); 
var Education = []; 
$http.get(baseurl + 'api' + '/Customer/' + 'PersonalInfoMasters').success(function(data) { 
    $.map(data.data.Education, function(item) { 
     Education.push(item); 
    }); 

}).error(function(status) { 
}); 

你只需要推item而不是item[0].map()方法,因此它需要整個Education對象和數組中推。

否則你可以無需使用使用$.map()

Education = data.data.Education 
1

嘗試是這樣的:

var MaritalStatus = new Array(); 
var Education = new Array(); 

$http.get(baseurl + 'api' + '/Customer/' + 'PersonalInfoMasters').success(function (data) { 

    $.map(data.data.Education, function (item) { 
     Education.push(item); 
    }); 

    $.map(data.data.MaritalStatus, function (item) { 
     MaritalStatus.push(item); 
    }); 

}).error(function (error) { 

    // handle API errors 

}); 

如果你甚至不需要格式化輸出,你可以簡單地重新分配變量的原始值。

$http.get(baseurl + 'api' + '/Customer/' + 'PersonalInfoMasters').success(function (data) { 

    Education = data.data.Education; 
    MaritalStatus = data.data.MaritalStatus; 

}).error(function (error) { 

    // handle API errors 

}); 
相關問題