Question

我对Angular.JS和Typescript很新，并试着一起使用它们但是我陷入了困境，这对大多数人来说应该不是问题。

使用视图和控制器成功制作路线。

如果它们在这样的某个文件中，这可以完美地工作。

var collabClientApp = angular.module('collabClientApp', ['ui.router']);
console.log("started routing");

collabClientApp.config(function ($stateProvider, $urlRouterProvider) {
  $urlRouterProvider.otherwise("/projects");
  $stateProvider
    .state('projects', {
      url: "/projects",
      templateUrl: "views/projects.html",
      controller: "ProjectListController"
    })
});

collabClientApp.controller("ProjectListController",
  function ProjectListController($scope) {
    $scope.projects = projects;
  }
);

然后我尝试将控制器移动到一个单独的文件中：

/// <reference path="../controllers.ts"/>
/// <reference path="../collabClientApp.ts"/>

"use strict";

collabClientApp.controller("ProjectListController",
  function ProjectListController($scope) {
    $scope.projects = projects;
});

collabClientApp.ts是执行路由的文件的名称。我收到以下消息：

Uncaught ReferenceError: collabClientApp is not defined

参考部分是正确的，因此应在控制器文件中找到collabClientApp。或者我会错过什么？

非常感谢帮助。

Answer 1

您需要使用--out选项进行编译才能获得单个文件。 OR包括使用脚本标签的所有文件或使用像RequireJS

这样的模块加载器

Typescript Angularjs Uncaught ReferenceError：app未定义

1 个答案: