2017-04-05 42 views
4

我的HTML代碼如何讓li類在laravel中動態激活?

<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> 

在這裏,我在引導給李類活躍像和其沒有工作,但我不知道如何在laravel給,我laravel非常初學者,所以請避免減去選票,並給我正確的解決方案..我應該如何改變我的代碼,讓李類動態活動?

回答

4

您可以使用三元運算符。例如,您可以檢查URI當前路線:

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

您還可以使用*作爲通配符:

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

或者你可以檢查路由名稱:

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

謝謝@Alexey,它不工作..我能做些什麼呢? –

+0

@ManiRaj這兩種方式都是絕對有效的,我在項目中使用這些方法。請解釋你到底在做什麼,你會得到什麼錯誤等等。 –

2

試試下面編寫每個li標籤的代碼以檢查URL中的一些文本

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' : '' }}>