Angularjs 如何防止在$http调用之前呈现html?

Angularjs 如何防止在$http调用之前呈现html?,angularjs,Angularjs,因此,在MeanJS样板中的“articles”示例中,我添加了一个comments函数。问题是,我必须单独调用服务器端的API端点来加载注释。我想知道是否有可能在$http调用完成之前阻止加载包含注释的HTML?我在哪里可以找到关于如何做到这一点的资源?我尝试了ng if,注释所在的元素已经有了数据ng init 试试这个: app.controller("commentCtrl",function($scope,$http){ $scope.isCommentLoaded=false

因此,在MeanJS样板中的“articles”示例中,我添加了一个comments函数。问题是,我必须单独调用服务器端的API端点来加载注释。我想知道是否有可能在$http调用完成之前阻止加载包含注释的HTML?我在哪里可以找到关于如何做到这一点的资源?我尝试了ng if,注释所在的元素已经有了
数据ng init

试试这个:

app.controller("commentCtrl",function($scope,$http){

   $scope.isCommentLoaded=false;

   $http.get('/path/to/your/comment/api').then(function(result){
        $scope.comments=result.data;
        $scope.isCommentLoaded=true;
   });

});
然后在HTML中:

<div id="comments" ng-show="isCommentLoaded">
    ....Your HTML to show comments....
</div>

…您的HTML以显示注释。。。。

如果在调用返回时触发,则设置布尔值和ng。如果您展示一些代码,也许您在这里尝试过的代码,将会很有帮助。