根据非空值显示图标
Show icon depending on not empty value
如果它下面有任何子菜单,我想显示这个右下角的图标。亚洲在子菜单上有国家(在它下面的国家(china/korea)但美国没有。
下拉菜单形成
Html
<div class="dropdown">
<button type="button" class="btn btn-custom btn btn-outline-light text-light"
style="font-family: Times New Roman; font-weight: bold; font-style: italic;">Country</button>
<div class="dropdown-content">
@foreach($subcontinents as $subcontinent)
<a><div class="dropdown2">
@if(is_null($subcontinent->countries))
<button class="dropbtn2">{{$subcontinent->subcontinent_name}}</button>
@else
<button class="dropbtn2">{{$subcontinent->subcontinent_name}}<i class="fa fa-caret-right pl-3" aria-hidden="true"></i></button>
@endif
<div class="dropdown-content2">
@foreach($subcontinent->countries as $division)
<a href="" >{{$division->country_name}}</a>
@endforeach
</div>
</div>
</a>
@endforeach
</div>
</div>
数据库
次大陆有很多国家。
如果一个次大陆有 countries/not 个空白国家,那么会有右下角图标。
<div class="dropdown">
<button type="button" class="btn btn-custom btn btn-outline-light text-light"
style="font-family: Times New Roman; font-weight: bold; font-style: italic;">Country</button>
<div class="dropdown-content">
@foreach($subcontinents as $subcontinent)
<a><div class="dropdown2">
<button class="dropbtn2">{{$subcontinent->subcontinent_name}}
// You can check here if your values aren't empty or greater than 0. based on that you can show. you can also use !empty() here.
@if(count($subcontinent->countries) > 0)<i class="fa fa-caret-right pl-3" aria-hidden="true"></i>@endif
</button>
<div class="dropdown-content2">
@foreach($subcontinent->countries as $division)
<a href="" >{{$division->country_name}}</a>
@endforeach
</div>
</div>
</a>
@endforeach
</div>
</div>
如果它下面有任何子菜单,我想显示这个右下角的图标。亚洲在子菜单上有国家(在它下面的国家(china/korea)但美国没有。
下拉菜单形成
Html
<div class="dropdown">
<button type="button" class="btn btn-custom btn btn-outline-light text-light"
style="font-family: Times New Roman; font-weight: bold; font-style: italic;">Country</button>
<div class="dropdown-content">
@foreach($subcontinents as $subcontinent)
<a><div class="dropdown2">
@if(is_null($subcontinent->countries))
<button class="dropbtn2">{{$subcontinent->subcontinent_name}}</button>
@else
<button class="dropbtn2">{{$subcontinent->subcontinent_name}}<i class="fa fa-caret-right pl-3" aria-hidden="true"></i></button>
@endif
<div class="dropdown-content2">
@foreach($subcontinent->countries as $division)
<a href="" >{{$division->country_name}}</a>
@endforeach
</div>
</div>
</a>
@endforeach
</div>
</div>
数据库
次大陆有很多国家。
如果一个次大陆有 countries/not 个空白国家,那么会有右下角图标。
<div class="dropdown">
<button type="button" class="btn btn-custom btn btn-outline-light text-light"
style="font-family: Times New Roman; font-weight: bold; font-style: italic;">Country</button>
<div class="dropdown-content">
@foreach($subcontinents as $subcontinent)
<a><div class="dropdown2">
<button class="dropbtn2">{{$subcontinent->subcontinent_name}}
// You can check here if your values aren't empty or greater than 0. based on that you can show. you can also use !empty() here.
@if(count($subcontinent->countries) > 0)<i class="fa fa-caret-right pl-3" aria-hidden="true"></i>@endif
</button>
<div class="dropdown-content2">
@foreach($subcontinent->countries as $division)
<a href="" >{{$division->country_name}}</a>
@endforeach
</div>
</div>
</a>
@endforeach
</div>
</div>