Bonjour,
Voila je rencontre un petit problème avec mon code.
Ce que je fais
j'ai une application faite avec cakephp et angularjs. mon soucis est que lorsque j'actualise la page, avant l'affichage des données je vois tout le script de mes calculs de la vue s'affiché encore ce qui n'est pas beau a voir mais après chargement tout est ok je n'ai pas d'érreur. mon problème est de savoir comment ne plus affiché mes script lors du chargement de la page et ne l'affiché une fois les données tout transmises
voici un exemple de code de ma vue
<div class="col-sm-3 col-md-2">
<div class="panel panel-tile text-center">
<div class="panel-heading hidden">
<span class="panel-title"><i class="fa fa-times-circle"></i> Title</span>
</div>
<div class="panel-body bg-danger light">
<?= $this->Html->link("<i class='fa fa-times-circle text-muted fs45 br64 bg-danger p15 ph20 mt10'></i>",['plugin'=>'Administration','controller'=>'Geolocalisations','action'=>'SupportsInvalide'],['escape'=>false,'title'=>'Plus de détails']); ?>
<h1 class="fs35 mbn">{{totalgeolocaliser - (totalsupportvalide + totalItems) }}</h1>
<h6 class="text-white">SUPPORTS REJETES</h6>
</div>
</div>
</div>
code de mon controlleur
$scope.loadgeolocalisation = function(){
$http.post($link7).success(function(data){
$scope.list = data.localisation;
$scope.totalgeolocaliser = data.totauxall;
$scope.totalsupportvalide = data.totauxval;
$scope.filteredItems = $scope.list.length;
$scope.totalItems = $scope.list.length;
});
$scope.setPage = function(pageNo) {
$scope.currentPage = pageNo;
};
$scope.filter = function() {
$timeout(function() {
$scope.filteredItems = $scope.filtered.length;
}, 10);
};
$scope.sort_by = function(predicate) {
$scope.predicate = predicate;
$scope.reverse = !$scope.reverse;
};
};
Ce que je veux
lorsque ma parge est en chargement, je ne veux plus voir les binding de ma vue ou opération s'affichés avant de disparaitre
Ce que j'obtiens
Quelqu'un à une ideé?