Discussion :

[dabiz59]

Bonjour,
Cela fait 2 jours que je me prend la tête a essayer d'extraire mon data-id='{{item.id}}' d'un button (voir html) afin de l'utiliser pour envoyer une requete vers ma mysql grace a $http get page.php?id=+id (voir js) j'ai tout essayer mais mon alert me renvoi comme id (undefined)

Où est le problème svp je n'y connais pas grand chose sur angularjs je viens de m'y mettre j'ai tester plusieurs solution mais rien n'y fait

'ai aussi essayé toute les solution trouver sur le net toujours pareil et dans mon code source l'id s'affiche bien (data-id='554')

Voilà j'espère que vous m'aurez compris merci a tous

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<button tooltip-placement="top" tooltip-append-to-body="true" tooltip="Marquer comme lu" class="btn-mark-read" data-id='{{item.id}}' ng-if="!item.seen" ng-click="setSeen(item, $event)"><i class="glyphicon glyphicon-unchecked"></i></button>
 
// LE CODE SOURCE M'AFFICHE BIEN  data-id='554' MAIS COMMENT ENVOYER CE CHIFFRE A MON VAR ID =

JS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
     angular
    .module('theme.core.notifications_controller', [])
    .controller('NotificationsController', ['$scope', '$filter', '$http', function($scope, $filter, $http) {
    'use strict';
    $scope.notifications = [
      text: 'Bienvenue',
      time: '4m',
      class: 'notification-success',
      iconClasses: 'glyphicon glyphicon-ok',
      id: '554',
      seen: true
     ];
     $scope.setSeen = function(item, $event) {
 
     var id = angular.element(item).data('id'); // CETTE LIGNE NE RECUPERE PAS MON ID data-id='{{id}}'
 
     $http	({
     method: 'GET',
     url: 'make_viewnotif.php?view=true&id='+ id , // URL DE MON FICHIER INCLUANT L'ID POUR LA MODIFICATION MYSQL
     }).then(function successCallback(response) {
 
     alert(id); // L'ALERT ME RETOURN UNDEFINED
 
     $event.preventDefault();
     $event.stopPropagation();
     item.seen = true;
     }, function errorCallback(response) {
     alert("Une erreur est survenue, merci de ré-éssayer plus tard.");
     });
     };
    $scope.setUnseen = function(item, $event) {
    $event.preventDefault();
    $event.stopPropagation();
    item.seen = false;
    };
    $scope.setSeenAll = function($event) {
    $event.preventDefault();
    $event.stopPropagation();
   angular.forEach($scope.notifications, function(item) {
   item.seen = true;
  });
  };
  $scope.unseenCount = $filter('filter')($scope.notifications, {
  seen: false
  }).length;
  $scope.$watch('notifications', function(notifications) {
  $scope.unseenCount = $filter('filter')(notifications, {
  seen: false
  }).length;
  }, true);
  }]);

[Marco46]

Dans ta fonction setSeen qui prend en paramètre item tu récupères ton id depuis item.

var id = item.id;

On ne touche pas au DOM (que ce soit en lecture ou en écriture) dans un controller. Et mieux, on n'écrit pas de logique dans un controller. Tu devrais tout déplacer dans des services sinon ton application va être in-maintenable à moyen terme.

[dabiz59]

Bonjour et merci a toi marco je prend note

Edit

je suis un blaireau ca ne risquer pas de fonctionner min .id ne s'appelais pas .id mais .idnot
Travailler la nuit n'est pas toujours très recommander dans ce domaine

Bref merci a toi marco pour l'info