Access typescript global variable outside of angular controller

Question

I've one global variable called rowTag as array of Tag[] entity in main.ts file.

I've one angular controller called TagMeController.ts file

Here is a constructor of TagMeController

constructor($scope, $rootScope) {
            $scope.CloseMe = this.CloseMe;
            $scope.rowTags = rowTag;//rowTag global variable
            $scope.colTags = colTag;//colTag global variable
            $scope.UpdateMe = this.UpdateMe;
        }

So, when I update rowTag object from the same controller, it update respective element on UI but when I update same object from some another .ts(main.ts) file things are not being reflected.

Any idea on how to make that variable observable ?

basarat · Accepted Answer · 2015-07-31 12:15:39Z

3

Any idea on how to make that variable observable

Create an angular service to contain that piece of information,

class Tags {
    rowTags = [] 
    colTags = []
}

and then use that service :

constructor($scope, $rootScope, tags: Tags) {
    $scope.CloseMe = this.CloseMe;
    $scope.tags = tags; // Tags service containing `rowTag` and `colTag`
    $scope.UpdateMe = this.UpdateMe;
}

Here is a video on creating an angular service using TypeScript : https://www.youtube.com/watch?v=Yis8m3BdnEM

edited Jul 31, 2015 at 12:15

answered Jul 31, 2015 at 11:15

basarat

278k60 gold badges475 silver badges528 bronze badges

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

1 Comment

Mox Shah Over a year ago

Could you please add more details on this ?

Collectives™ on Stack Overflow

Access typescript global variable outside of angular controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related