.js
タイプスクリプトを使用して記述されたAngularモジュールにファイルからプロバイダを(匿名で)注入することは可能ですか? モジュール定義内で失敗する typescript をコンパイルしようとしています。
話
タイプスクリプト表記で角度を使用して書かれた基本的な十分なモジュールがあります。adalAuthenticationService
からのミックスにプロバイダーの定義を追加しようとしていadal-angular.js
ます。プロバイダーが.d.ts
フォーマットされていないため、参照として使用できません。プロバイダーをに変換すること.d.ts
は、今のところ問題外です。そのため、匿名のインジェクション オプションが残っています (そのようなオプションがある場合)。
コントローラの定義
module Temp.NewModule {
interface IMainCtl {
init(): void;
b1(): void;
b2(): void;
}
class MainCtl implements IMainCtl {
hello: string;
txtb1: string;
txtb2: string;
// not sure what effect {private adalService: any} has as it doesn't seem to provide anonymity
constructor(private $scope, private $log: ng.ILogService, private Api: IApi, private adalService: any) {
var vm = this;
this.init();
// not sure if this actually does anything
var adalService = adalAuthenticationService;
}
public init() {
this.Api.getDataRx().subscribe((result) => {
this.hello = result.data.Name;
});
}
public helloWorld() {
this.$log.info('I accept your greeting');
}
public b1() {
this.txtb1 = 'Now Button 1 works';
}
public b2() {
// i am trying to call login function of adalService provider
adalService.login();
}
}
// i am trying to inject adalService provider here
app.controller('MainCtl', ['$scope','$log','Api', MainCtl, adalService]);
}
アプリ定義
module Temp {
export module NewModule {
export var serviceRoot: string = NewModule.serviceRoot || "";
export var templatePath: string;
export var servicesFramework: any;
//Initalizes angular app
$("html").attr("ng-app", "NewModule");
export var app: ng.IModule = angular.module('NewModule', ['rx', 'ngRoute', 'AdalAngular'])
.config(['$routeProvider', '$httpProvider', 'adalAuthenticationServiceProvider', function($routeProvider, $httpProvider, adalProvider) {
adalProvider
.init ({
tenant: 'tenant.onmicrosoft.com',
clientId: 'client_id',
extraQueryParameter: 'nux=1',
//cacheLocation: 'localStorage', // enable this for IE, as sessionStorage does not work for localhost.
},
$httpProvider
);
}]);
}
}
基本的にadalAuthenticationService
、依存関係として注入されたコンパイル段階をバイパスしようとしadal-angular.js
ています。含まれているためです。したがって、理論的には、ページがレンダリングされると取得されるはずです。