在 if 条件下隐藏块答案

【问题标题】：Hide block in if condition在 if 条件下隐藏块
【发布时间】：2021-12-27 12:47:01
【问题描述】：

我是初学者

我想创造一个条件，在这个条件下我们要么隐藏块，要么离开它，我做到了，一切正常

@if($postsCount < 2)
    <div class="nav" style="display: none"></div>
@else
    <div class="nav"></div>
@endif

但我打算再添加几个块，一切都会像这样，会有很多代码复制

@if($postsCount < 2)
    <div class="nav" style="display: none"></div>
    <div class="test1"></div>
    <div class="test2"></div>
    <div class="test2"></div>
    <div class="test3"></div>
    <div class="test4"></div>
@else
    <div class="nav"></div>
    <div class="test1"></div>
    <div class="test2"></div>
    <div class="test2"></div>
    <div class="test3"></div>
    <div class="test4"></div>
@endif

我可以把它做得更短，以免再次复制代码吗？开发环境laravel

【问题讨论】：

把相同的部分放在@endif后面就好了？？？
更好的是，如果你只是想隐藏它，为什么还要把导航放在那里呢？ @if($postsCount > 1) <div class="nav"></div> @endif
@NiettheDarkAbsol 所以这个导航根本不存在，但我只需要隐藏它
这个导航应该保留，如果只有1个帖子就不需要显示了

标签： php html laravel

【解决方案1】：

一种简单的方法是使用三元/回声内联它。如果帖子数大于或等于 2，这将为您提供一个空样式，或者如果它小于，则添加 display:none。

<div class="nav" style="{{ $postsCount < 2 ? 'display: none' : ''}}"></div>

【讨论】：

这是我需要的，谢谢:)

【解决方案2】：

只使用一个变量

@php
    $css_hide="";
@endphp 

@if($postsCount < 2)
    $css_hide = 'style="display: none"';

@endif
<div class="nav" {$css_hide} ></div>
    <div class="test1"></div>
    <div class="test2"></div>
    <div class="test2"></div>
    <div class="test3"></div>
    <div class="test4"></div>

【讨论】：

【解决方案3】：

到目前为止，从选项来看，是将这段代码放入单独的文件中

<div class="nav"></div>
<div class="test1"></div>
<div class="test2"></div>
<div class="test2"></div>
<div class="test3"></div>
<div class="test4"></div>

在页面上这样使用

@if($postsCount < 2)
  <div style="display: none">
    @include('components.nav')
  </div>
@else
    @include('components.nav')
@endif

但我已准备好查看其他建议

【讨论】：