2017-04-05 5 views
4

私のHTMLコードをlaravelでli classを動的にアクティブにする方法は?

<div id="sidebar"><a href="#" class="visible-phone"><i class="icon icon-home"></i>Dashboard</a> 
     <ul> 
      <li class="active"><a href="{{route('ScamType.index')}}"><i class="icon icon-home"></i> <span>Scam Type</span></a> </li> 
      <li> <a href="{{route('ScamDatabase.index')}}"><i class="icon icon-signal"></i> <span>Scam Database</span></a> </li> 
      <li> <a href="{{route('ScamStory.index')}}"><i class="icon icon-inbox"></i> <span>Scam Story</span></a> </li> 
      <li><a href="{{route('KeyWord.index')}}"><i class="icon icon-th"></i> <span>Keyword</span></a></li> 
      <li><a href="{{route('Category.index')}}"><i class="icon icon-th"></i> <span>Category</span></a></li> 
      <li><a href="{{route('SubCategory.index')}}"><i class="icon icon-th"></i> <span>Sub Category</span></a></li> 
</ul> 
</div> 

ここで私は、ブートストラップで、その動作していないなどのアクティブのliクラスを与えたが、私はlaravelに与える方法がわからないと私はlaravelの非常に初心者ですので、避けてくださいです票をマイナスし、私にそれに適した解決策を与える..どのように私はliクラス動的にアクティブになるように自分のコードを変更する必要がありますか?

答えて

4

三項演算子を使用できます。あなたはまた、ワイルドカードとして*を使用することができます

<li{{ request()->is('scam-types') ? ' class="active"' : '' }}> 

<li{{ request()->is('scam-type-number-*') ? ' class="active"' : '' }}> 

それとも、ルート名を確認することができます。

<li{{ request()->route()->getName() === 'ScamType.index' ? ' class="active"' : '' }}> 
+0

でなければならないので、私は仕事をしようとしているdoesntの.. @Alexey、それは動作しませんあなたを私は他に何を行うことができますありがとうございました?? –

+0

@ManiRaj両方の方法が間違いなく動作しています。私はこれらをプロジェクトで使用しています。正確に何をしているのか、どのようなエラーが出るのかを説明してください。 –

2

以下は試してみてくださいたとえば、現在のルートのURIを確認することができますいくつかのテキストをチェックするために各liタグを書き込むコード

if (strpos($_SERVER['REQUEST_URI'], "ScamType") !== false){ 
    echo "active"; 
} 

上記のコードをクラスに記述してください。

Ex。答えは以上のことから

<li class="{{ if (strpos($_SERVER['REQUEST_URI'], "ScamType") !== false){ echo "active"; } }}"><a href="{{route('ScamType.index')}}"><i class="icon icon-home"></i> <span>Scam Type</span></a> </li> 
+0

返事ありがとうございますが、それでも動作しません。私のコードで何が問題なのですか? –

1

class="active"class=active

<li{{ request()->route()->getName() === 'user.index' ? ' class=active' : '' }}> 
関連する問題