JAVASCRIPT   12

anchor.js

Guest on 15th August 2021 07:09:14 AM

  1.  
  2. angular
  3.    .module('fonderieComponent')
  4.    .service('AnchorService', [ function () {
  5.  
  6.         this.anchors =  {};
  7.  
  8.         this.getAnchors = function() {
  9.            
  10.             return this.anchors;
  11.  
  12.         }
  13.  
  14.         this.remove = function(anchor) {
  15.  
  16.             delete this.anchors[anchor.id];
  17.  
  18.         }
  19.  
  20.         this.add = function(anchor) {
  21.  
  22.             this.anchors[anchor.id] = anchor;
  23.         }
  24.  
  25.        
  26.     }]);
  27.  
  28.  
  29. angular
  30.    .module('fonderieComponent')
  31.    .directive('anchor', [ 'AnchorService' , function (AnchorService) {
  32.  
  33.         return {
  34.             restrict: 'E',
  35.             scope : {
  36.  
  37.                 id : "@"
  38.             },
  39.             link: function ($scope, $element, $attr) {
  40.  
  41.  
  42.  
  43.                 AnchorService.add($scope);
  44.  
  45.  
  46.             }
  47.         }
  48.     }]);
  49.  
  50.  
  51. angular
  52.    .module('fonderieComponent')
  53.    .directive('anchorMenu', [ 'AnchorService', function (AnchorService) {
  54.  
  55.         return {
  56.             restrict: 'E',
  57.             templateUrl:"js/partials/anchor-menu.html",
  58.             scope : {
  59.  
  60.  
  61.             },
  62.             link: function ($scope, $element, $attr) {
  63.  
  64.                 $scope.baseurl = location.protocol + '//' + location.host + location.pathname;
  65.  
  66.                 $scope.anchors = AnchorService.getAnchors();
  67.  
  68.  
  69.             }
  70.         }
  71.     }]);

Raw Paste


Login or Register to edit or fork this paste. It's free.