发出错误 TS1005: ';'预期的

Question

我正在使用 angular 和打字稿来访问 REST 网络服务。我对打字稿很陌生，所以我的问题可能很基本，或者我的方法是错误的。当 grunt 编译我的 exampleController.ts 时，我不断收到错误 TS1005: ';' expected。我已经搜索了解决方案，但没有找到任何对我有帮助的东西。我已经在使用 import angular = require('angular'); 我的控制器代码看起来像这样：

class ExampleComponentController {

public static $inject = [
  '$scope',
  'productRestService',
  '$http'
];

$scope.submit = function(form) {

    var config = {
        'username' : $scope.name,
        'password' : $scope.pass
    };

    var $promise = $http.post('requat_url', config)
        .success(function(data, status, headers, config) {
            ...
        })
        .error(function(data, status, headers, config) {
            ...
        });
}; 

constructor(...) {...} 
}

错误出现在$scope.submit所在的行。任何建议都适用。

Answer 1

代码$scope.submit...必须在构造函数中。构造函数的参数必须匹配 $inject 列表：

class ExampleComponentController {
  public static $inject = [
    '$scope',
    'productRestService',
    '$http'
  ];

  constructor($scope, productRestService, $http) {
    $scope.submit = function (form) {

      var config = {
        'username': $scope.name,
        'password': $scope.pass
      };

      var $promise = $http.post('requat_url', config)
        .success(function (data, status, headers, config) {
        })
        .error(function (data, status, headers, config) {
        });
    };
  }
}

发出错误 TS1005: ';'预期的

grunt causing error TS1005: ';' expected

angularjs

gruntjs

typescript