AngularJS directive qui n'est pas exécutée

Bonjour,

J'utilise AngularJS pour un projet sur tablette android ainsi que le framework Ionic.
Mon application fonctionne très bien sur la tablette.

J'ai ensuite créé une directive avec une fonction link qui modifie le DOM :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.directive('ngDeplacer',['$interval', function($interval){
    return{
 
        restrict : 'A',
        transclude : false,
        link : function(scope, element, attrs){
 
 
              var start= function(){
 
              scope.temps = ((scope.event.time- 8*3600)*0.04915);
              scope.largeur = $( '.card ').width()+"px";   
              scope.taille =    ((scope.event.duration)*178.6/3600);     
 
              element.css('height', scope.taille + "px");
              element.css('width',scope.largeur);
              element.css('position','absolute');
              element.css('width',scope.largeur);
 
              element.css('margin-top',scope.temps +"px");
 
              }
 
              $interval(start,10);      
 
        }
 
 
    }
}])

Cette directive est exécuté sur les navigateurs quand je travaille sur mon ordinateur, mais quand je la lance sur la tablette la directive, et seulement elle, n'est pas exécutée.

Avez-vous une idée du pourquoi ?

Merci d'avance :).