<div class='click_work' ng-repeat="client in clientSearch.searchClients track by $index"
ng-click='setClientValue(client)'>{{client.name}}
</div>
首先,我們在前端頁面寫了一個 ng-repeat。
$scope.searchClientName = function (keywords) {
$scope.clientSearch={};
if (keywords == '') {
return
};
$.ajax({
url: '****?wd=' + keywords,
//dataType: 'jsonp',
//jsonp: 'cb', //回調函數的參數名(鍵值)key
// jsonpCallback: 'fun', //回調函數名(值) value
beforeSend: function () {
$scope.clientSearch.searchClientsOnloading={}
},
success: function (data) {
if (data == '') {
$scope.clientSearch.noSearchClients=keywords;
} else {
$scope.clientSearch.searchClientsOnloading=null;
$scope.clientSearch.searchClients = data;
}
},
error: function () {
$scope.clientSearch.errorSearchClients=keywords;
}
})
}
使用ajax請求數據,然後更新 repeat數據,但是視圖裏卻沒有實時更新,這是需要在更新數據後加上 $scope.$apply();刷新