Issues converting angular 1.x controller to TypeScript

Question

New to TypeScript and trying to convert from js to ts (using angular 1.x). Here's a controller. Having issues converting to ts. "module" is a custom data element on the ui-router state provider.

(function(module) {
    "use strict";
    module.controller("aboutController", ["$state", function($state) {
            var vm = this;
            // todo: pass the module to the service to get the content for the about page from the db
            // $state.current.data.module
            vm.content = $state.current.data.module;
        }
    ]);
} (angular.module("app.ui")));

My latest attempt using ts:

module myApp.ui {
    "use strict";
    class AboutController {
        constructor(private $state: ng.ui.IStateProvider) {
            this.content = $state.current.data.module;
        }
    }
    angular.module("app.ui").controller("aboutController", AboutController);
}

Found my first problem. Was using IStateProvider instead of IStateService. — Ed Sinek
– Ed Sinek, Commented Oct 13, 2015 at 18:08
For the 'content' error, do I need to explicitly declare a class member? Is this required in TypeScript, unlike js? — Ed Sinek
– Ed Sinek, Commented Oct 13, 2015 at 18:15
@Ed.S. yes, just add the line content: any above your constructor (or below) — Brocco
– Brocco, Commented Oct 13, 2015 at 18:17
@EdSinek Do not include solution to question please (post a separate answer instead). — user4157124
– user4157124, Commented Dec 28, 2024 at 21:13

basarat · Accepted Answer · 2015-10-13 23:30:55Z

2

Property 'content' does not exist on type 'AboutController'

You need to declare all class properties in TypeScript:

class AboutController {
    content: any; // property declaration
    constructor(private $state: ng.ui.IStateProvider) {
        this.content = $state.current.data.module;
    }
}

Property 'current' does not exist on type 'IStateProvide`

Use IStateService. Note : these are generally services that you inject anyways and the suffix is consistent.

answered Oct 13, 2015 at 23:30

basarat

278k60 gold badges475 silver badges528 bronze badges

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

Collectives™ on Stack Overflow

Issues converting angular 1.x controller to TypeScript

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