如何在 cakephp 的 multipe breadcrubms 中添加 css class？

Question

我正在尝试在 BreadCrubms 中添加 css class。我可以使用模板来完成，示例

 $this->Breadcrumbs->setTemplates([
    'item' => '<li class ="breadcrumb-item" {{attrs}}><a href="{{url}}"{{innerAttrs}}>{{title}}</a></li>{{separator}}',
  ]);

但问题是当我试图在列表中添加 css active class 时。

我在面包屑中尝试了以下代码，但它不起作用

$this->Breadcrumbs->add([
        [
            'title' => 'Home', 
            'url' => ['controller' => 'Blogs', 'action' => 'home'],
        ],
        [
            'title' => 'View-'.$article->title, 
            'url' => ['controller' => 'Blogs', 'action' => 'view', $article->id],
            ['class' => 'active']
        ]
    ]);

此处激活 class 未出现在检查器中。我怎样才能添加这个？

Answer 1

文档中似乎没有显示该类型的用法。如果将（多个）面包屑添加为数组，则所有值都需要使用字符串索引，即需要使用 options 键传递选项：

[
    'title' => 'View-'.$article->title, 
    'url' => ['controller' => 'Blogs', 'action' => 'view', $article->id],
    'options' => ['class' => 'active'],
]

Answer 2

这是我的解决方案：适用于 CakePhp 4.xxx

$this->Breadcrumbs->add([
    [
        'title' => 'Home', 
        'url' => ['controller' => 'Home', 'action' => 'index'],
        'options' => ['class' => 'breadcrumb-item'],
    ],
    [
        'title' => 'xyz', 
        'url' => ['controller' => 'xxx', 'action' => 'yyy'],
        'options' => ['class' => 'breadcrumb-item-active'],
    ]
]);

?>

如何在 cakephp 的 multipe breadcrubms 中添加 css class？

How to add css class in li at multipe breadcrubms in cakephp?

cakephp

cakephp-4.x