javascript - 使用 jQuery AJAX GET 和 AngularJS 不更新 View

Question

我有以下 AngularJS Controller :

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() 中返回正常。然而，我的观点没有任何改变。我猜这是 success: 异步的问题，但我不知道如何解决这个问题。

感谢您的帮助!

地毯嘶嘶声

Answer 1

您应该使用内置的 $http服务。

function MemberCtrl( $scope, $http ) {

    $http.get('/getmembers')
    .success(function( data, status, headers, config ) {
        $scope.members = data.member_list;
    });

}