从函数中的派生类访问基成员

Question

我创建了Angular2 Typescript项目。我有很多表格，所以我想有一个类似基本组件的东西。

这是我的基本组件：

export abstract class ManagementComponent<T> implements BaseComponent {

    protected selectedItem: T;

    protected items: Array<T>;

}

现在有我的子组件。我想从http获取所有项目，然后将其分配给基类

export class CompetencesComponent extends ManagementComponent<Competence> implements OnInit {

    thisField: string;

    constructor(private service: CompetencesService) {
        super();

    }

    ngOnInit(): void {
        this.getCompetences();
    }

    private getCompetences() {
        this.service.getCompetences().subscribe(function (competences: Array<Competence>) {
            this.thisField // ok
            this.items  // not ok            
        })
    }
}

知道如何从订阅方法访问基字段吗？

Answer 1

匿名用户

您可以将能力列表设置为父类，如下所示：

    private getCompetences() {
            var self = this;
            this.service.getCompetences().subscribe(function (competences: Array<Competence>) {
                this.thisField // ok
                self.items =  competences; // not ok          
            })
        }

您无法通过< code>this绑定访问< code>items属性的原因是作用域。在回调< code>this绑定中，它被绑定到了其他东西上，这样就失去了上下文。

Answer 2

目前，我希望您不能引用thisField或项context。

您可以切换到箭头功能来保留上下文:

this.service.getCompetences().subscribe((competences: Array<Competence>) => { ... }