Defining constants in es6 class for angular 1.5 controller

Question

I am struggling to get this to work. I understand that static variables cannot be declared in a class in ES 6 format. How can one declare constants within a class and also access it within the class itself

here is what i have . I am trying to access the constructor value for the constants while $onINit. I do see this.constructor.Consts has the right values . However when i try accessing them using this.getActionConsts.A , It is not there.

Any clues ?

Or is there a better method of defining the constants

class ActionCtrl {

    constructor($scope) {
      this.$scope = $scope;
    }

    static get Consts() {
      return {
        A: '5010',
        B: '5020',
        C: '5030'
      };
    }

    getActionConsts() {
      return this.constructor.Consts;
    }

    $onInit() {
      this.Actions = [{
        'id': this.getActionConsts.A,
        'title': '1'
      }, {
        'id': this.getActionConsts.B,
        'title': '1'
      }];
    }
}

Answer 1

You aren't calling getActionConts inside of $onInit(). It works when you change this.getActionConsts.A to this.getActionConsts().A. Also you can use the class name instead of this.constructor its a bit cleaner. I used these docs if you want to read more https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/static

When I work with constants I just use the const declaration and declare my constants outside of the class. Angular has some fancy ways of defining constants as well which I can't recall of the top of my head.