gpt4 book ai didi

angular - 有没有办法在 ngFor 中声明特定类型

转载 作者:行者123 更新时间:2023-12-02 10:33:39 25 4
gpt4 key购买 nike

我正在使用 ngFor 迭代 Angular 4.x 中特定类型 [Menu] 的集合

然后循环菜单对象 [menu.items] 的集合属性

不幸的是,即使 Menu 类将 items 属性定义为 MenuItem 数组,该属性在我的 IDE [Eclipse + Angular IDE] 中也是未知的。

有什么想法吗?

Red squiggles

相关类声明 -

export class MenuBase {
id: string;
title: string;
isPublic: boolean;
roles: string[];
items: MenuItem[];
position: number;
// rest of class omitted
}

export class MenuItem extends MenuBase {
menuItemType: MenuItemType;
callback: () => void;
location: string;

constructor (options: any) {
super(options);
this.location = options.location;
this.menuItemType = options.menuItemType || MenuItemType.location;
this.callback = options.callback;
}
}

export class Menu extends MenuBase {
constructor (options: any) {
super(options);
}
}

附加信息 -这是我正在从事的项目: https://github.com/savantly-net/ngx-menu
该项目将在 Eclipse 中显示错误,即使它是有效的。

我从未创建过任何文档,但我在这里使用了它 -
https://github.com/savantly-net/sprout-platform/tree/master/web/sprout-web-ui

最佳答案

我已经成功地为模板创建了一个新组件,*ngFor 将渲染该组件并输入该组件。

容器模板:

<ng-container *ngFor="item of items" >
<my-custom-component [item]="item"></my-custom-component>
</ng-container>

自定义组件模板:

<div *ngIf="item.menuItemType == 'dropdown'">
<!-- -->
</div>

ts 文件:

@Component({})
export class MyCustomComponent {
@Input() item: MenuItem
}

关于angular - 有没有办法在 ngFor 中声明特定类型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46225020/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com