我有这个块,我想把它包含在一些页面中
<ul class="nav nav-tabs padding-18">
<li class="active">
<a href="{{ path('fos_user_profile_show') }}">Profile</a>
</li>
<li>
<a href="{{ path('fos_user_profile_edit') }}">Edit</a>
</li>
<li>
<a href="{{ path('friends') }}">Friends</a>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
第一个标签<li>具有名为"active"的类,当我更改页面时,如何动态地为第二个或第三个标签<li>应用此类?
将当前路由与链接的路由进行比较,如果匹配,则添加活动类.
使用三元运算符获得一个很好的短语法:
<li{{ (app.request.attributes.get('_route') == 'fos_user_profile_show') ? ' class="active"' }}>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
2655 次 |
| 最近记录: |