Halaman menggunakan ng-repeat untuk menjana paparan. Mengubah suai model ng ng-ulang dalam pengawal. Mengapa pandangan tidak diubah suai?
$scope.search = function(page){
$scope.orData.page = page==0?1:page;
$scope.$watch("orData", function(){
orderService.searchData($scope.orData).then(function(res){
$scope.res = res.data;
if ($scope.res != undefined) {
if ($scope.res.page_items.length == 0) {
alert("没有订单数据");
}else{
$scope.tds = $scope.res.page_items;
$timeout(function(){
console.log($scope.tds);
}, 1000);
};
}else{
$scope.tds = "";
$("#orPaging").empty();
alert("订单号不能为非数字");
};
});
});
};
//
<tbody>
<tr ng-repeat="td in tds"><!-- -->
<td>{{td.tid}}</td>
<td>{{td.created}}</td>
<td>{{td.buyer_nick}}</td>
<td>{{td.payment}}</td>
<td>{{td.shop_name}}</td>
<td>{{td.title}}</td>
<td>{{td.seller_memo}}</td>
<td>{{td.shipping_type}}</td>
<td>{{td.status}}</td>
<td>{{td.receiver_name}}</td>
<td><button type="button" class="btn btn-primary btn-sm" data-tid="{{td.tid}}" ng-click="detail($event)">查看</button></td>
</tr>
</tbody>
Apabila $scope.tds dimuat semula buat kali pertama, paparan telah berubah. Tetapi apabila $scope.tds diberikan nilai sekali lagi, paparan tidak akan berubah lagi.
Tetapi jika panjang $scope.tds berubah, pandangan akan berubah Mengapa ini?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Pertama sekali, saya ingin bercakap tentang dua isu penamaan dalam kod:
"td in td"Apa kejadahnya, Angular sebenarnya boleh melaksanakannya dengan betul. Adalah disyorkan untuk membezakan kedua-dua nama, sebagai contoh, menukarnya kepadatd in tds.adanbmemang dinamakan seperti ini, tetapi apabila menulis pengawal, adakah anda perlu sentiasa memikirkan apakahaitu? Oh, itu$scope. Kenapa tidak namakan sahaja$scope.Baiklah, tanpa berlengah lagi, mari jawab soalan anda. Pada masa
a.td = [],a.tdmerujuk kepada tatasusunan lain dan tatasusunan asal tidak berubah. Tatasusunan asal terikat dalam templat. Ini sememangnya perangkap AngularJS, tetapi anda lebih baik menggunakanpush,pop,splice, dsb. untuk mengendalikan tatasusunan Jika anda ingin menggantikan keseluruhan tatasusunan, adalah disyorkan bahawa anda melakukannya seperti ini:Untuk mekanisme pengikatan data yang lebih terperinci dan proses kemas kini AngularJS, sila rujuk artikel ini:
http://harttle.github.io/2015/06/06/angular-data-binding-and-digest . ht...
Cubalah
http://plnkr.co/edit/6tNYE0boiI6CXdKtckpa?p=preview