您好,我是 angular 的新手,我面临着无法找到名称的错误Categories
。我创建了一个服务来获取*ngFor
.
服务 -
import { Injectable } from '@angular/core';
import { Categories } from '../data/categories';
import { CATEGORIES } from '../data/categorydata';
@Injectable()
export class CategoriesService {
constructor() { }
getCategories(): Categories[] {
return CATEGORIES;
}
}
类别.ts 文件
import { subCategory } from './subcategory';
export class Categories {
id: number;
categoryName: string;
subcatName: subCategory[];
}
类别数据.ts
import { Categories } from './categories';
export const CATEGORIES: Categories[] = [
{
id: 1,
categoryName: 'jeans',
subcatName: [
{ subcategory: 'example' },
],
},
];
Categories.component.ts
import { Component, OnInit } from '@angular/core';
import { CategoriesService } from '../services/categories.service';
@Component({
selector: 'app-categories',
templateUrl: './categories.component.html',
styleUrls: ['./categories.component.scss']
})
export class CategoriesComponent implements OnInit {
categoryList: Categories[];
constructor(private categoryservice: CategoriesService) { }
ngOnInit() {
this.categoryList = this.categoryservice.getCategories();
}
}
当我运行 ng serve 时。它给了我一个错误
错误 TS2304:找不到名称“类别”。
对于 category.component.ts 中的行 -
categoryList: Categories[];
如果您需要其他信息,请告诉我。
您需要像在服务类中一样导入类型 Categories 以便您可以使用该类型:
import { Categories } from '../data/categories';
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句