javascript - 如何在页面渲染之前从服务器读取 Javascript 对象

Question

我的页面使用与仅在服务器上定义的对象“发票”接口(interface)的指令。

我想知道停止渲染页面以完成对象加载的最佳方法是什么，以避免对象属性出现“未定义”错误。

     angular.module("adocApp")
      .controller("ctrl",
         function ($scope, $http ) {


            $scope.loadingIsDone = false; //variable that stop rendering of page


        $http.get("Home/init").success(function (data) {
            $scope.invoice = data;
            $scope.loadingIsDone = true; //this start rendering with ng-if... but seems bad solution
                   });


    });

Answer 1

您可以使用 DIV 元素将 HTML 封装在 View 中，并仅在从服务器获取发票后才显示它

<div ng-if="invoice">
    .... your directive here ......
</div>

当然，您可以使用 ng-if 以相同的方式显示指令(无需包装它)