问题描述
限时送ChatGPT账号..我对 Typescript 还是很陌生,并且在接口方面遇到了麻烦.据我了解,接口是类的类型描述或契约.它允许我定义一个类可以具有哪些属性以及它们属于哪种类型.我尝试实现它,但总是收到此错误:
I'm still quite new to Typescript and have trouble wrapping my head around interfaces. As I understand an interface is a type description or a contract for a class. It allows me to define, which properties a class can have and of which type they are. I try to implement that, but always get this error:
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 {}
这里是我想使用它的类.
And here the class where I want to use it.
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;
}
}
推荐答案
您需要将成员也放入类中,以便它确实实现接口:
You need to put the members in the class as well so that it will indeed implement the interface:
class ResultPage implements ResultPageInterface {
public entries: Array<any>;
public page_number: number;
public page_size: number;
public total_entries: number;
constructor() {
this.entries = [];
}
}
您还可以将成员设为私有并使用 getter:
You can also have the members private and use getters:
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;
}
}
这篇关于打字稿/Angular 2:类型中缺少属性的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
更多推荐
[db:关键词]
发布评论