如何在cakephp的多个面包屑中添加li中的css类？答案

【问题标题】：How to add css class in li at multipe breadcrubms in cakephp?如何在cakephp的多个面包屑中添加li中的css类？
【发布时间】：2020-05-15 12:31:58
【问题描述】：

我正在尝试在 BreadCrubms 中添加 css 类。我可以使用模板来做到这一点，示例

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

但问题是当我尝试在列表中添加 css 活动类 时。

我尝试了下面的碎屑代码，但它不起作用

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

这里的活动类没有出现在检查器中。我怎样才能添加这个？

【问题讨论】：

标签： cakephp cakephp-4.x

【解决方案1】：

看起来文档没有显示这种用法。如果将（多个）crumbs 添加为数组，则所有值都需要使用字符串索引，即需要使用options 键传递选项：

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

【讨论】：

【解决方案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'],
    ]
]);

【讨论】：