-1
これはサーバからデータを取得するためのコントローラ機能です。ng:データをロードしないでください。
function carsController($http, $scope, $timeout) {
var vm = this;
vm.getCarData = getCarData;
function getCarData(){
$http.get('/api/getData').then(function (response) {
console.log(response.data.message);
vm.list = response.data.message;
});
}
}
ここに返されるデータです。
{
"message":[
{
"emp_id":1,
"emp_name":"toyota",
"city":"city1",
"nic_no":4554
},
{
"emp_id":2,
"emp_name":"sunny",
"city":"city2",
"nic_no":57412
},
{
"emp_id":3,
"emp_name":"tata",
"city":"city3",
"nic_no":1234
}
]
}
とデータを表示するhtmlコード。私は車の代わりに示すデータの
<div class="row" data-ng-init="cars.getCarData()">
<div class="panel panel-default">
<table class="table table-bordered table-hover">
<tr>
<th>Name</th>
<th>Pages</th>
</tr>
<tr ng:repeat="vehicle in cars.list track by $index">
<td>{{vehicle.emp_name}}</td>
<td>{{vehicle.city}}</td>
</tr>
</table>
</div>
</div>
、UIショー100+のページがロードされ、空行としてcarsControllerを使用しています。
何が問題になりますか?
私は手動で以下のように値を設定した場合、これがうまく機能
更新しました。
vm.list = [
{
"emp_id":1,
"emp_name":"toyota",
"city":"city1",
"nic_no":4554
},
{
"emp_id":2,
"emp_name":"sunny",
"city":"city2",
"nic_no":57412
},
{
"emp_id":3,
"emp_name":"tata",
"city":"city3",
"nic_no":1234
}
];
タイ指摘 - >構文はng-repeatです。 –
'ng:repeat'もうまくいきます。非常によく知られていない事実 – ricky
'vehicle in cars.list'は' vehicles.vm.list'の車であるかもしれません –