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

时间:2014-03-15 22:42:13

标签: javascript jquery ajax angularjs

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

感谢您的帮助!

Carpetfizz

1 个答案:

答案 0 :(得分:2)

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

function MemberCtrl( $scope, $http ) {

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

}