Angular 5在类函数中获取类上下文

时间:2017-11-20 19:41:07

标签: angular

我有这段代码:

menu.component.ts

export class menuComponent {
    menu: object;
    state: boolean;

    constructor() {
        this.state = false;
        this.menu = [
            item: {
                action: this.action
            }
        ]
    }

    action(): void {
        this.state = !this.state;
    }
}

menu.component.html

<ul *ngFor="let item of menu">
    <li>
        <a (click)="item.action()"></a>
    </li>
</ul>

我需要的是使用动作功能中的类功能和属性,例如状态属性。

1 个答案:

答案 0 :(得分:1)

虽然我不明白为什么你的州有功能,但你可以使用bind

    this.menu = [
        item: {
            action: this.action.bind(this)
        }
    ]