Update directive when scope variable is updated in angularjs

Question

I have created a directive in which i am parsing a variable "count". In my page there is a dropdown and "count" gets updated whenever dropdown value is changed. I have created a directive to show "count". How can i update the directive whenever dropdown value is changed.

Code:

<stats count="{{self.shortenedCountArray[2].orignalCount}}"></stats>

Directive code:

(function() {
    'use strict';

    angular
       .module('app.pages')
       .directive('stats', stats);
   
       stats.$inject = [ '$rootScope']

   function stats( $rootScope) {
       return {
           restrict: 'E',
           scope: {},
           templateUrl: 'k2-modules/js/directives/templates/statsTemplate.html',
           link: (scope, element, attrs) => {
            scope.count = attrs.count;
           }
       }
   }
   
})();

Any help will be appreciated.

Mehmet_ · Accepted Answer · 2022-07-03 10:56:24Z

0

Watchers requires some time so if you dont want to next cycle/trigger use $apply

and adding timeout clasure may need at some situations.

link: (scope, element, attrs) => {
  setTimeout ... if needed
   scope.$apply(function () {
    scope.count = attrs.count;
   });

answered Jul 3, 2022 at 10:56

Mehmet_

6355 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Update directive when scope variable is updated in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related