我对 Typescript 还很陌生,并且很难理解界面。据我了解,接口是类型描述或类的契约。它允许我定义类可以具有哪些属性以及它们的类型。我尝试实现这一点,但总是收到此错误:
error TS2420: Class 'ResultPage' incorrectly implements interface 'ResultPageInterface'.
Property 'entries' is missing in type 'ResultPage'.
这是接口的代码
export interface ResultPageInterface {
entries:Array<any>;
page_number:number;
page_size:number;
total_entries:number;
}
export class ResultPage implements ResultPageInterface {}
这是我想使用它的类。
import { Injectable } from '@angular/core';
import { ResultPage } from '../interfaces/result-page.interface';
@Injectable()
export class SomeClass {
constructor() {}
buildPage(res:any): ResultPage {
let page:ResultPage = new ResultPage();
page.entries = res.data;
page.page_number = res.pagination.page_number;
page.page_size = res.pagination.page_size;
page.total_entries = res.pagination.total_entries;
return page;
}
}
您还需要将成员放入类中,以便它确实实现该接口:
class ResultPage implements ResultPageInterface {
public entries: Array<any>;
public page_number: number;
public page_size: number;
public total_entries: number;
constructor() {
this.entries = [];
}
}
您还可以将成员设为私有并使用 getter:
class ResultPage implements ResultPageInterface {
private _entries: Array<any>;
private _page_number: number;
private _page_size: number;
private _total_entries: number;
constructor() {
this._entries = [];
}
public get entries() {
return this._entries;
}
public get page_number() {
return this._page_number;
}
public get page_size() {
return this._page_size;
}
public get total_entries() {
return this._total_entries;
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)