'Employee' 仅指类型,但被用作值 here.ts(2693)
'Employee' only refers to a type, but is being used as a value here.ts(2693)
我正在尝试创建一个类型为 Employee 的变量,但它显示错误 'Employee' 仅引用一个类型但在此处用作值。 ts(2693).
我的节目-api.ts代码:-
import { Component, OnInit } from '@angular/core';
import {HttpClient} from '@angular/common/http';
interface Employee {
Id: String;
EmployeeName: String;
StartTimeUtc: String;
EndTimeUtc: String;
EntryNotes: String;
DeletedOn: String;
}
@Component({
selector: 'app-show-api',
templateUrl: './show-api.component.html',
styleUrls: ['./show-api.component.css']
})
export class ShowApiComponent implements OnInit {
li:any;
lis: any=[];
constructor(private http : HttpClient){
}
ngOnInit(): void {
this.http.get('Api of my JSON file')
.subscribe(Response => {
if(Response){
hideloader();
}
**employee: Employee[]=Response**;
});
function hideloader(){
document.getElementById('loading')!.style.display = 'none';}
}}
数据来自API
[
{"Id": "aa",
"EmployeeName": "bb",
"StarTimeUtc": "cc",
"EndTimeUtc": "dd",
"EntryNotes": "ee",
"DeletedOn": null },
{"Id": "ff",
"EmployeeName": "gg",
"StarTimeUtc": "hh",
"EndTimeUtc": "ii",
"EntryNotes": "jj",
"DeletedOn": null },
]
此外,如果这无法解决,请告诉我另一种从 JSON 文件获取数据的方法。
问题是您没有以正确的方式声明变量,也没有将 Response
映射到您的接口。
ngOnInit(): void {
this.http.get('Api of my JSON file')
.subscribe(Response => {
if(Response){
hideloader();
}
//oldCode -> **employee: Employee[]=Response**;
/* New code */ const employee: Employee[] = Response as Employee[];
});
function hideloader(){
document.getElementById('loading')!.style.display = 'none';}
}}
我正在尝试创建一个类型为 Employee 的变量,但它显示错误 'Employee' 仅引用一个类型但在此处用作值。 ts(2693).
我的节目-api.ts代码:-
import { Component, OnInit } from '@angular/core';
import {HttpClient} from '@angular/common/http';
interface Employee {
Id: String;
EmployeeName: String;
StartTimeUtc: String;
EndTimeUtc: String;
EntryNotes: String;
DeletedOn: String;
}
@Component({
selector: 'app-show-api',
templateUrl: './show-api.component.html',
styleUrls: ['./show-api.component.css']
})
export class ShowApiComponent implements OnInit {
li:any;
lis: any=[];
constructor(private http : HttpClient){
}
ngOnInit(): void {
this.http.get('Api of my JSON file')
.subscribe(Response => {
if(Response){
hideloader();
}
**employee: Employee[]=Response**;
});
function hideloader(){
document.getElementById('loading')!.style.display = 'none';}
}}
数据来自API
[
{"Id": "aa",
"EmployeeName": "bb",
"StarTimeUtc": "cc",
"EndTimeUtc": "dd",
"EntryNotes": "ee",
"DeletedOn": null },
{"Id": "ff",
"EmployeeName": "gg",
"StarTimeUtc": "hh",
"EndTimeUtc": "ii",
"EntryNotes": "jj",
"DeletedOn": null },
]
此外,如果这无法解决,请告诉我另一种从 JSON 文件获取数据的方法。
问题是您没有以正确的方式声明变量,也没有将 Response
映射到您的接口。
ngOnInit(): void {
this.http.get('Api of my JSON file')
.subscribe(Response => {
if(Response){
hideloader();
}
//oldCode -> **employee: Employee[]=Response**;
/* New code */ const employee: Employee[] = Response as Employee[];
});
function hideloader(){
document.getElementById('loading')!.style.display = 'none';}
}}