Javascript 在JSON加载到与angular module和controller相同的文件之前加载消息或微调器图标

我试图找到一种方法，不使用$http.get（）或$resource从单独的文件或URL加载JSON数据，因为我可以使用类似$scope.products={$data}的smarty代码加载JSON数据；我想在加载JSON数据之前加载一个微调器图标或“加载”消息，因为角度代码中的花括号显示起来很难看。以下是我的代码，如有任何想法，将不胜感激

<script type="text/javascript">
var app= angular.module('mysearch', []);
app.controller('mysearchController', ['$scope', function($scope){
        $scope.products = {$data}; 
]);
</script>

<div ng-app="mysearch">
   <div ng-controller="mysearchController">
      <div ng-repeat="item in products">
           {{item.sub_name}}
      </div>
      <p> {{item.title}}</p>
   </div>
</div>

var app=angular.module（'mysearch'，[]）；
app.controller（'mysearchController'，['$scope'，函数（$scope）{
$scope.products={$data}；
]);
{{item.sub_name}
{{item.title}

您应该使用

ng-clope

指令。它防止文档在加载AngularJS时显示未完成的AngularJS代码。 这方面的一个例子是：

  <element ng-cloak>{{yourdata}}</element>

{{yourdata}

编辑1:

---

使用

ng hide

显示您的微调器当前的角度载荷，并使用

ng show

显示您的范围何时加载

这必须在IE中工作吗？请查看编辑1这正是我需要的！！！非常感谢您的帮助。喜欢您提供的示例。