我试图在我的Angular 项目中从嵌套数据构建一个树形视图,我只想突出显示选定的项目。下面是我尝试过的stackblitz链接。https://angular-ivy-wcv63x.stackblitz.io
当前它突出显示所有选定的项目,并关闭isitemSelected == false
请建议/帮助,如果有任何丢失的元素在我的代码.
我试图在我的Angular 项目中从嵌套数据构建一个树形视图,我只想突出显示选定的项目。下面是我尝试过的stackblitz链接。https://angular-ivy-wcv63x.stackblitz.io
当前它突出显示所有选定的项目,并关闭isitemSelected == false
请建议/帮助,如果有任何丢失的元素在我的代码.
1条答案
按热度按时间6mzjoqzu1#
当我们想要“只选择一个”时,我们使用简单的变量并存储值,而不使用“项目”的属性或数组。
并将ngClass用作
因为“itemSelected”只有一个,你需要itemSelected属于“parent”。所以我们使用itemSelected itemSelectedChange。因为我们有一个递归元素,我们还需要将值发送到“parent”。所以itemSelect实际上将是,一个
@Input
,一个@Ouput
和一个getter
来发送值。有些像并使用emit更改onexpand
现在我们使用两种方式绑定。
应用程序组件中
在递归组件中
您的forked stackblitz