สร้างคลาสที่ใช้งานสำหรับผู้ปกครองและกลุ่มย่อยใน Laravel

ลองสิ่งนี้:

<li class="treeview {{ (request()->is('member/comments')) ? 'active':''  }}">
    <a href="/th#"><i class="fa fa-comment"></i> <span>Comments</span>
        <span class="pull-right-container">
            <i class="fa fa-angle-left pull-right"></i>
        </span>
    </a>
    <ul class="treeview-menu">
        <li class="{{ (request()->is('member/comments') && (request('q') == '')) ? 'active active-sub':''  }}">
            <a href="http://blog.dev/member/comments">All Comments</a>
        </li>
        <li class="{{ (request('q') == 'me') ? 'active active-sub':''  }}">
            <a href="http://blog.dev/member/comments?q=me">My Comments</a>
        </li>
        <li class="{{ (request('q') == 'approved') ? 'active active-sub':''  }}">
            <a href="http://blog.dev/member/comments?q=approved">Approved</a>
        </li>
        <li class="{{ (request('q') == 'disapproved') ? 'active active-sub':''  }}">
            <a href="http://blog.dev/member/comments?q=disapproved">Disapproved</a>
        </li>
    </ul>
</li>

คุณสามารถใช้วิธี is() กับวัตถุ Request ซึ่งยอมรับรูปแบบเพื่อตรวจสอบ ตัวอย่างเช่น <li class="{{ request()->is('comments*') ? 'active' : '' }}"> หมายความว่าหากมีคำ 'ความคิดเห็น' อยู่ใน uri คลาส 'active' จะถูกเพิ่มเข้าไป แน่นอนคุณสามารถระบุให้เฉพาะเจาะจงมากขึ้น และคุณสามารถละเว้นไวด์การ์ดได้

ใช้เป็นวิธีร่วมกับ if clause;

{{Request::is('sample-url') ? 'class="active"' : ''}}

(ตรวจสอบ url หากมี 'sample-url' ใน url ให้ return class="active" แต่จะไม่ return ว่างเปล่า.. )

คุณอาจลองใช้แพ็คเกจนี้ https://www.hieule.info/products/laravel-active-version-3-released มีวิธีการช่วยเหลือในการตรวจสอบว่าเส้นทางปัจจุบันตรงกับสภาพของคุณหรือไม่

สมมติว่าเส้นทางของคุณชื่อ comments.index, comments.my_comments ฯลฯ

<li class="{{ active_class(if_route('comments.*')) }}">
     <a href="/th#"><i class="fa fa-comment"></i> 
     <span>Comments</span></a>
</li>