ngRoute不适用于打字稿

时间:2016-01-28 17:42:58

标签: angularjs typescript ngroute

我试图将ngRoute与打字稿一起使用。当我运行页面时,它不会显示模板。它也没有给出任何错误。我检查了模板网址,它就在那里。任何想法为什么我没有在浏览器上获得任何页面?

///<reference path="../../typings/tsd.d.ts"/>
///<reference path="tlob.d.ts"/>


     module tlob {

            export class Route {
                constructor(module:angular.IModule) {
                    if (console) {
                        console.log('module.route initializing...');
                    }

                    module.requires.push('mgcrea.ngStrap'); // register AngularStrap


                    angular.module('tlob.route', ['ngRoute']) // create new Angular Module
                        .config(['$routeProvider', function ($routeProvider: angular.route.IRouteProvider) {
                            $routeProvider.otherwise('/');

                            $routeProvider
                                .when('/', {
                                    templateUrl: 'ts/page1/page1.html'
                                })

                        }]);


                    module.requires.push('tlob.route'); // add Angular Module to dependencies
                    module.requires.push('ngRoute');

                    if (console) {
                        console.log('module initialized');
                    }
                }
            }
        }

更新

module tlob {
    export class tlob {

        private module:angular.IModule = null;

        constructor() {
            if (console) {
                console.log('module tlob initializing...');
            }

            this.module = angular.module('tlob', ['ngSanitize']);
            this.module.controller('TestController', ['$scope', function($scope) {
                console.log('TestController initialized');
            }]);
            new Configuration(this.module); // setup configuration e.g. Logging
            new Route(this.module); // setup routes
            if (console) {
                console.log('module tlob initialized');
            }
        }

        static getModule():angular.IModule {
            return angular.module('tlob');
        }
    }




}

0 个答案:

没有答案