Angular+TypeScript - 将参数从视图传递到控制器

Question

我正在使用带有 TypeScript 的 AngularJS，现在我需要将参数从视图传递到控制器。这就是我尝试的方式（通过 ng-init）：

<div class="col-md-9" ng-controller="MapIZSController" ng-init="init('IZS')">

"IZS" 值应该传递给控制器​​。控制器看起来像：

export class MapIZSController
{
    static $inject = ["$scope", "leafletData"];
    private m_scope: IMapIZSScope;
    private m_leafletData;

    constructor($scope: IMapIZSScope, leafletData)
    {
        // the first way I tried
        $scope.init = function (type) {
            console.log("type is: " + type);
        };
        // the second way I tried
        $scope.init = this.init;
    }

    public init = (init: any) => {
        console.log("init is: " + init)
    } 

我的问题是我想获得一个类型，但是

• 第一种方式永远不会被调用并且
• 第二个也是。

你能给我一些建议吗？

Answer 1

我会说你在正确的轨道上。有a working plunker

这可能是一个有点简化的控制器：

namespace MyNamespace 
{   
  export class MapIZSController
  {
    static $inject = ["$scope", "leafletData"];
    private m_scope: IMapIZSScope;
    private m_leafletData;

    private _type;
    constructor($scope: IMapIZSScope, leafletData)
    {
        // // the first way I tried
        // $scope.init = function (type) {
        //     console.log("type is: " + type);
        // };
        // // the second way I tried
        // $scope.init = this.init;
    }

    public init = (type: any) => {
        this._type = type
        console.log("type is: " + this._type)
    } 
  }
}

这样我们就可以调用它了：

<div class="col-md-9" 
  ng-controller="MapIZSController as ctrl" 
  ng-init="ctrl.init('IZS')">
</div>

所以，我们使用controllerAs 方法，并且确实可以通过ctrl. 访问控制器...然后调用ctrl.init()

查看here