如何解决在primeng中将样式应用于p树的特定子节点
让我从演示示例开始:StackBlitz primeng p-tree。
我正在使用primeng使用p-tree创建民意调查和答案的结构。
所以我有一个等级制度:
参与者->民意调查->问题->答案
每个问题都有答案选项。
节点和子节点列表的数组如下:
"label": "Bollywood","children": [
{
"label": "Do you prefer hollywood? [single]","children": [
{
"label": "Yes","selected": false
},{
"label": "No","selected": true
}
]
}
]
我已将选择的值添加到每个答案选项的子项中,以便对于真实值,我们可以将CSS应用于其他选项中。
以下针对当前情况的屏幕截图:
我只想突出显示答案中选择值为真的选项。纯粹出于对p树控制的预期,我很想知道我们如何为树节点提供样式。请帮帮我,如果您能通过上面提到的stackblitz示例,将不胜感激。 谢谢。
解决方法
您可以通过在p-tree中使用type of node
来实现此目的,请遍历documentation of Tree Templating。
但是首先,您需要修改tree-account.json文件或执行一些映射以在您的json中添加type
。为此添加一个Stackblitz。
在这里,我将所选项目的字体颜色更改为绿色。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。