如果链接为空，如何隐藏图标答案

【问题标题】：How to hide an icon if the link is empty如果链接为空，如何隐藏图标
【发布时间】：2019-10-20 17:45:42
【问题描述】：

如果链接为空，我想隐藏一个图标。这是 Instagram 的 <a> 标签和 <i> 标签。如果管理员的字段为空，我想隐藏它。我正在使用 Laravel 框架。

 <a href="https://instagram.com/{{ $model->instagram }}"><i class="fa fa-instagram"></i>&nbsp;&nbsp;{{ $followed_by }}</a>

你有什么想法吗？

谢谢。

【问题讨论】：

什么意思是空的？您的链接永远不会为空，因为无论如何都有一部分链接
使用刀片模板引擎：@if($model->instagram)

标签： javascript html css laravel

【解决方案1】：

你可以使用@if刀片指令：

@if ($model->instagram)
    <a href="https://instagram.com/{{ $model->instagram }}">
        <i class="fa fa-instagram"></i>&nbsp;&nbsp;{{ $followed_by }}
    </a>
@endif

根据您的 Laravel 版本，您可能还可以使用 @isset/@empty 指令。您可以在official documentation 阅读更多相关信息。

【讨论】：

【解决方案2】：

使用 Blade @if 声明。

只需编写如下代码：-

@if(!empty($model->instagram))
<a href="https://instagram.com/{{ $model->instagram }}"><i class="fa fa-instagram"></i>&nbsp;&nbsp;{{ $followed_by }}</a>
@endIf

就是这样。

你可以从here阅读更多的 laravel Blade

【讨论】：