用竖线 (|) 分隔限制器值答案

【问题标题】：separate limiter values with a pipe (|)用竖线 (|) 分隔限制器值
【发布时间】：2019-08-08 11:52:46
【问题描述】：

我正在尝试找出如何用 管道 (|)

分隔我的限制器值

理想情况下，最终结果将是查看：48 | 120 | ALL,目前我已经能够得到查看：48 120 ALL

这是我目前使用的：

<div class="field limiter">
    <label class="label" for="limiter">
        <span><?= /* @escapeNotVerified */ __('View:') ?></span>
    </label>
    <div class="control">
        <?php foreach ($block->getAvailableLimit() as $_key => $_limit): ?>
            <a data-role="limiter" href="#" data-value="<?php /* @escapeNotVerified */ echo $_key ?>"<?php if ($block->isLimitCurrent($_key)): ?>
                class="selected"<?php endif ?>>
                <?php /* @escapeNotVerified */ echo $_limit ?>
            </a>
        <?php endforeach; ?>
    </div>
</div>

【问题讨论】：

标签： magento2 categories

【解决方案1】：

它可以通过 CSS 轻松完成。

我总是更喜欢 CSS 来进行这种调整。

.limiter .control a + a::before {
   content: " | ";
}

它会在标签之间添加一个管道分隔符

演示可以在Fiddle找到

希望以上内容有所帮助！

【讨论】：

我什至没有想到要少用，我在上面做了些许改动，但已经达到了预期的效果
@Paul'Whippet'McGuane，很高兴知道 :)
会引起轻微的样式问题，但我希望我能解决这个问题
是的，您可以在层次结构中添加更多类以避免问题。
已经通过添加一些附加属性解决了。完美解决方案

【解决方案2】：

尝试使用PHP implode()，检查以下修改后的代码：

<div class="field limiter">
    <label class="label" for="limiter">
        <span><?= /* @escapeNotVerified */ __('View:') ?></span>
    </label>
    <div class="control">
        <?php foreach ($block->getAvailableLimit() as $_key => $_limit): ?>
            <a data-role="limiter" href="#" data-value="<?php /* @escapeNotVerified */ echo $_key ?>"<?php if ($block->isLimitCurrent($_key)): ?>
                class="selected"<?php endif ?>>
                <?php /* @escapeNotVerified */ echo implode("|",$_limit) ?>
            </a>
        <?php endforeach; ?>
    </div>
</div>

【讨论】：

它不喜欢，给了我一个充满错误的屏幕:(
删除 implode echo "|",$_limit 怎么样？你试过了吗