Using static strings in TypeScript for AngularJS constant

Question

I want to reference the names for a constant by using static data, but it does not work out, because of the execution order. How should this be done.

module tasks {

    export class TasksController {

        //name of the controller used for referencing or defining this controller
        public static named: string = 'tasksController';
        public static templateUrl: string = 'apps/demo/tasks/tasks.tpl.html';

        //dependencies to other services etc., referenced in the constructor
        static $inject: string[] = ['tasksConfig'/*TasksConfiguration.named*/];

        //constructor getting injected dependency instances
        constructor(appConfig: ApplicationConfiguration) {
        }

    }


    angular
        .module('Tasks', [])
        .controller(TasksController.named, TasksController);
}


module tasks {

    export class TasksConfiguration {

        //id of the configuration used for referencing or defining
        public static named = 'tasksConfig';

        public static values: ApplicationConfiguration = {
            appId: 'demo.tasks',
            appName: 'App_Name_Tasks',
            appCategory: 5,
            rootUrl: '/tasks'
        };
    }

    angular.module('Demo')
        .constant(TasksConfiguration.named, TasksConfiguration.values);
}

The $inject does not work, when I use TaskConfiguration.named instead of 'taskConfig' because it is not initialised, when the interpreter reaches the line. But what can I do instead?

basarat · Accepted Answer · 2015-08-19 04:46:40Z

1

but it does not work out, because of the execution order

In general this is a risk you run into with out.

In your case you can just reorder the classes :

module tasks {

    export class TasksConfiguration {

        //id of the configuration used for referencing or defining
        public static named = 'tasksConfig';

        public static values: ApplicationConfiguration = {
            appId: 'demo.tasks',
            appName: 'App_Name_Tasks',
            appCategory: 5,
            rootUrl: '/tasks'
        };
    }

    angular.module('Demo')
        .constant(TasksConfiguration.named, TasksConfiguration.values);
}

module tasks {

    export class TasksController {

        //name of the controller used for referencing or defining this controller
        public static named: string = 'tasksController';
        public static templateUrl: string = 'apps/demo/tasks/tasks.tpl.html';

        //dependencies to other services etc., referenced in the constructor
        static $inject: string[] = ['tasksConfig'/*TasksConfiguration.named*/];

        //constructor getting injected dependency instances
        constructor(appConfig: ApplicationConfiguration) {
        }

    }


    angular
        .module('Tasks', [])
        .controller(TasksController.named, TasksController);
}

Or even better move to external modules.

In reality these are two files placed in different angular modules. Maybe there is another way to inject dependencies?

Indeed Use external modules and steer clear of --out. More : https://github.com/TypeStrong/atom-typescript/blob/master/docs/out.md

edited Aug 19, 2015 at 4:46

answered Aug 19, 2015 at 0:44

basarat

278k60 gold badges475 silver badges528 bronze badges

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

5 Comments

dec Over a year ago

In reality these are two files placed in different angular modules. Maybe there is another way to inject dependencies?

basarat Over a year ago

@dec yup that's why I said use external modules. I've more docs for your perusal

dec Over a year ago

Okay. I understand you suggest me to use another build tool to put all together, and not the --out option of TypeScript. Right?

dec Over a year ago

I am not using out. I got several js files but the ordering of including and executing these is undefined, I think

basarat Over a year ago

but the ordering of including and executing these is undefined < How are you loading these files ... that is the tool ordering these for you at the moment

Collectives™ on Stack Overflow

Using static strings in TypeScript for AngularJS constant

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related