加载消息或微调器图标之前JSON加载在角模块和控制器相同的文件

我试图找出一种方法不使用$ http.get（）或$资源从单独的文件加载我的JSON数据或因为我可以使用smarty代码加载我的JSON数据，比如$ scope.products = {$ data};我想在我的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>

来源

2016-06-14 missgg

这是否必须在IE中工作？ –

您应该使用ng-cloak指令。它可以防止文档在加载AngularJS时显示未完成的AngularJS代码。的这样一个例子是：

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

编辑1：

https://jsfiddle.net/ph110293/ou5e1dsv/

使用ng-hide显示您的暂时的角度负载和ng-show显示当你的范围已加载微调

来源

2016-06-14 21:01:02 Pushpendra

请看看编辑1 – Pushpendra

这正是我需要的！非常感谢你的帮助。爱你提供的例子。 – missgg

加载消息或微调器图标之前JSON加载在角模块和控制器相同的文件

回答

相关问题