在我的JSON數據加載到AngularJS中之前，“加載”或“等待”消息

Question

我已經看到一些解決方案，關於如何使用$ http get（）請求從URL或單獨的文件加載JSON數據之前放置等待msg，但我還沒有看到HTML文件本身具有smarty格式的JSON。 在這種情況下，{$ data}是我的JSON數組，看起來像這樣的{“ title”：“ A2378”，“ sub_name”：“ A2333”，.....}。 任何簡單的方法如何在我的json文件加載到我的html文件之前放置一個等待msg？

<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>

提前致謝！

Answer 1

只需在您的范圍內設置一個標志，以指示您是否已加載數據：

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

然后，當您完成數據加載后，控制器可以將該標志設置為true。 例如：

app.controller('mysearchController', ['$scope', function($scope){
    $scope.loaded = false;
    $http.get('...').then(function(response) {
         $scope.products = response.data;
         $scope.loaded = true;
    });
]);

顯然，如果您通過其他機制加載數據，您的代碼將看起來並不完全像這樣，但是想法是一樣的，只要在數據完全加載后切換一個標志即可。