如何通过ng-if / ng-show / ng-hide从app.run函数中正确隐藏/显示html?

时间:2016-06-26 18:19:09

标签: javascript jquery html angularjs

我尝试制作正确的视图加载应用。

HTML:

<body>
   <loading outerWidth='1000' outerHeight='1000' display='isReady'></loading>
   <div class='wrapper' ng-show='isReady'>
   </div>
</dody>

JS:

app.run(['$rootScope', '$state', '$stateParams', '$location', '$http', 'userData', function($rootScope, $state, $stateParams, $location, $http, userData) {
     $rootScope.isReady = false;
     $http.post('services/enter.php', {

     }).then(function(response) {
          $rootScope.isReady = true;
     });
 }]);

基本思路:当app加载显示一些图像/加载gif'请等待'。下一篇文章请求获取数据并在请求后显示html。但我有问题从app.rum功能操作html - 我尝试使用$ rootScope。需要建议我如何做得更好。

2 个答案:

答案 0 :(得分:0)

app.run()

通常用于初始化您的应用。 如果您要继续在html中操作数据,我建议您创建一个控制器。如果共享数据,请避免使用rootScope,而是使用服务在您的应用中共享数据

答案 1 :(得分:0)

让这个answer你的问题$ httpProvider.interceptors在发送ajax请求$ http之前和之后进行处理并广播它。