aktive Links in Laravel 4

Question

in meiner master.blade.php Datei Ich habe eine Navigation, die ich versuche zusammen zu stellen.

<nav class="navbar navbar-default" role="navigation"> 
    <div class="container-fluid"> 
    <div class="col-sm-5"> 
    <ul class="nav navbar-nav" > 
     <li class="{{ Route::current('home.index') ? 'active' : '' }}">{{ HTML::linkAction('HomeController@index', 'Home') }} 
     <li><a href="">Locations</a></li> 
     <li class="{{ Route::current('order.index') ? 'active' : '' }}">{{ HTML::linkAction('OrderController@index', 'Order Online') }} 
    </ul> 
    </div> 
    <div class="col-sm-5 navbar-right"> 
    <ul class="nav navbar-nav navbar-right"> 
     <li class="{{ Route::current('menu.index') ? 'active' : '' }}">{{ HTML::linkAction('MenuController@index', 'Menu') }} 
     <li><a href="">About</a></li> 
     <li><a href="">Contact Us</a></li> 
    </ul> 
    </div> 
    <div class="container-fluid"> 
</nav> 

Das Problem hier ist, dass alle von ihnen die li aktiviert haben. Nicht die aktuelle Seite. Was mache ich falsch?

Answer 1

Lynnais und Jarek Tkaczyk haben beide die richtigen Antworten. Aber die Arbeit hier ist
erstellen Sie eine Datei oder Klasse. Wenn Sie die Klasse verwenden, können Sie eine statische Funktion mit einem beliebigen Namen erstellen. Fügen Sie den Dateinamen oder den Klassenordner zur Datei composer.json hinzu.

 
... 
"autoload": { 
    "classmap": [ 
     ... , 
     'app/helpers' 
    ], 
    "files": [ 
     "app/helpers.php" 
    ] 
} 

Hier app/Helfer ist der Ordner-Klassen enthalten, die später als die Hilfsklassen verwendet werden können, und app/helpers.php ist die einfache PHP-Datei mit Methoden. Sehen Sie diese Kommata vor 'app/helpers' und "Dateien". Erstellen Sie eine Klasse wie diese.

namespace App\Helper; 
class Helper{ 
    public static function set_active($route){ 
     return (\Request::is($route.'/*') || \Request::is($route)) ? "active" : ''; 
    } 
} 

Jetzt ist es nennen, wenn Sie so wollen, von Ansichten

<ul class="nav navbar-nav"> 
    <li class="dropdown {{ \App\Helper\Helper::set_active('/') }}"> {{ HTML::decode(HTML::link('/','<i class="fa fa-home"></i> Home ', array('class' => 'dropdown-toggle'))) }} </li> 
    <li class="dropdown {{ \App\Helper\Helper::set_active('admins') }}"> {{ HTML::decode(HTML::link('/admins','<i class="fa fa-user"></i> Admins ', array('class' => 'dropdown-toggle'))) }} </li>     
</ul> 

ODER

<li class="{{\App\Helper\Helper::set_active('/')}}">Home</li> 
<li class="{{\App\Helper\Helper::set_active('admins')}}">Admins</li> 

Glücklich Codierung. :)

Answer 2

Dieses Stück kehrt Objekt

Route::current('home.index') 

Änderung es

Route::currentRouteName() == 'home.index' 

Und ich schlage vor, eine Hilfsfunktion daraus zu machen, so etwas wie folgt aussehen:

function setActive($route, $class = 'active') 
{ 
    return (Route::currentRouteName() == $route) ? $class : ''; 
} 

Credits für die oben zu Jeffrey bei http://laracasts.com

---

Sie können Ihre Helfer zum Beispiel in app/helpers.php platzieren, dann müssen Sie es automatisch zu laden in /composer.json

... 
"autoload": { 
    "classmap": [ 
     ... 
    ], 
    "files": [ 
     "app/helpers.php" 
    ] 
} 

Answer 3

wie so hinzuzufügen, oder einfach einen ternären Betrieb zu verwenden:

<li {{ (Request::is('*login') ? 'class="active"' : '') }}>Login</li>