javascript - ng-bind 在 API 调用设置数据后不显示任何内容

Question

这是我的代码，用户名没有显示在我的 DOM 中。启动 soundcloud API 后，使用 SC.get 调用加载数据，其中的回调函数将 $scope.user 设置为响应。

如果我检查我的浏览器，什么也不会显示，有解决这个问题的想法吗？

<div ng-controller="trackCtrl">
    <p ng-bind="user.username"></p>
</div>

function trackCtrl($scope)
{
    $scope.initialize = function() {
        console.log('initialize');
        SC.initialize({
            client_id: "CLIENT_ID",
            redirect_uri: "http://soundcloud.dev/app/callback.html",
        });

        SC.get('/users/marioochoa/', function(user) {
            $scope.user = user;
            $scope.getTracks();
        });
    };

    $scope.getTracks = function() {
        console.log('getTracks');
    };

    $scope.initialize();
};

Answer 1

由于 SC.get 回调是从“外部”Angular 调用的，因此您需要手动触发摘要循环，以便 Angular 更新 View 。为此，您应该调用 $scope.$apply():

SC.get('/users/marioochoa/', function(user) {
  $scope.$apply(function() {
    $scope.user = user;
    $scope.getTracks();
  });
});

您可以找到有关此事的更多信息here .