使用jQuery AJAX GET与AngularJS不更新视图

Using jQuery AJAX GET with AngularJS not updating view

本文关键字：更新 新视图 AngularJS jQuery AJAX GET 使用      更新时间：2023-09-26

我有以下AngularJS控制器:

function MemberCtrl($scope){
    $.ajax({
        url: "/getmembers",
        type: "get",
        success:function(data){
            $scope.members = data.member_list;
            console.log($scope.members); //works fine
        } 
    });
}

我的视图是这样的:

 <div ng-controller="MemberCtrl">
    <ul>
       <li ng-repeat="member in members">
        <span>{{member.name}}</span>
       </li>
    </ul>
 </div>

正如您在代码的第一块中看到的，我对我的资源做了一个简单的AJAX GET，它在我的console.log()中返回fine。然而，我的观点没有改变。我猜这是success:异步的问题，但我不确定如何解决这个问题。

谢谢你的帮助!

Carpetfizz

你应该使用内置的$http服务

function MemberCtrl( $scope, $http ) {
    $http.get('/getmembers')
    .success(function( data, status, headers, config ) {
        $scope.members = data.member_list;
    });
}
相关文章：