通过输出绑定 AngularJS 传递参数

Question

我必须使用Typescript使用AngularJs 1.5.8进行设置：

我有一个包含目录(2D 项目数组(的父组件。从这里我将目录中的每个列表传递给子组件：

...
export class ParentController {
    private catalog = []; //contains a list of lists
    ...
    private printCallback(item: any): void {
        console.log(item);
    }
}

和模板：

<div ng-repeat="list in $ctrl.catalog">
    <child content="list" callback="$ctrl.printCallback(item)"></child>
</div>

现在，在子组件中，我再次迭代列表中的每个项目。每当我点击列表中的项目时，我都希望家长知道我点击的项目：

export class ChildComponent implements IComponentOptions {
template: any = require('./child.component.html');
public bindings: any = {
    content: '<',
    callback: '&'
};
controller: any = ChildController;
}
export class ChildController {
    public content: Array<any>;
    public callback;
    ...
    public onTrigger(item: any): void {
        this.callback(item);
    }
}

和子模板：

<div ng-repeat"item in $ctrl.content">
    <button ng-click="$ctrl.onTrigger(item)">{{item.name}}</button>
</div>

现在我似乎无法在我的父组件的 printCallBack(( 中打印该项目。我不知道我到底做错了什么，因为唯一打印的东西是未定义的。我环顾四周，找不到可行的解决方案。所以我希望你能帮助我。

Answer 1

回调时，这样做是这样的：this.callback({item : item});，作为对象传递。