Typescript load module fail via AMD

Question

I made AngularJs app by typescript. and use requireJs load 'js(compiled ts) file'

I made simple controller A

myCtrl.ts

module myApp {
 'use strict';
 interface myMessage extends ng.IScope {
 message: string;
}
export class myCtrl {
 constructor($scope: myMessage) {
   $scope.message = "hello world";
  }
 }
}

and I load myApp file in main.ts

myApp.ts

import myController = require('./myCtrl');
module myApp{
'use strict';
angular.module('myApp',[]).controller('myCtrl',myCtrl);
}
angular.bootstrap(document,['myAppDo']);

load was success but $scope.message not changed.

'Cannot read property 'myCtrl' of undefined'

when I change myApp.ts it work's fine

angular.module('myApp', []).controller('myCtrl', ($scope, $http) => {
  $scope.message = "hello";
});
angular.bootstrap(document,['myApp']);

how can I Solve?

Gamoonbi · Accepted Answer · 2015-10-02 18:44:57Z

1

I solved it. first, add 'export' the controller module

module myApp

to

export module myApp

then specify the path

import myCtrl = require('./myCtrl');
angular.module('myApp',[]).controller('myCtrl',myCtrl);

to

import myCtrl = require('./myCtrl');
angular.module('myApp',[]).controller('myCtrl',myCtrl.myApp.myCtrl);

it seems something is wrong, but it work

answered Oct 2, 2015 at 18:44

Gamoonbi

3931 gold badge4 silver badges11 bronze badges

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

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

Steps

Add AMD-dependency
Import module

Result code

///<amd-dependency path="here path to your module"/>

import myController = require('myCtrl');

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Oct 2, 2015 at 11:53

Oleh Dokuka

12.3k6 gold badges43 silver badges67 bronze badges

1 Comment

Gamoonbi Over a year ago

I tried, but myController can't access the myCtrl class too

Collectives™ on Stack Overflow

Typescript load module fail via AMD

2 Answers 2

Comments

Steps

Result code

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Steps

Result code

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related