Mostrar u ocultar el icono de intercalación en el menú desplegable de bootstrap4 basado en el menú desplegable presente o no

Quiero mostrar u ocultar los icons de intercalación basados ​​en los elementos del menú presentes o no. si los elementos de menú presentes muestran el icono de intercalación, ocultelo. Estoy usando bootstrap4 y en mi caso los elementos del menú desplegable serán generados dinámicamente.

.dropdown-toggle::after { display:none;!important } 

El código anterior elimina el símbolo de intercalación, pero ¿cómo mostrarlo u ocultarlo en función del menú en el menú desplegable presente o no?

• Establecer un mensaje de validación de campo requerido de HTML5 personalizado
• mover un elemento de un div a otro div con efecto animado al hacer clic con html y jquery
• 360 grados de vista giratoria en JavaScript
• Barra de búsqueda en línea en bootstrap
• JQuery proxy al hacer clic en la función

 .dropdown-toggle::after { display:none !important; } 

      
  Dropdown button  
 Link 1 Link 2 Link 3 
  

 $( document ).ready(function() { if($('.dropdown-menu .dropdown-item').length==0 ) { $('.fas.fa-shopping-cart').hide(); } }); 

       
 list  
 Link 1 Link 2 Link 3 
  

 .hidden { display:none !important } 

  $(document).ready(function(){ var hasElement = $(".dropdown-menu" ).has("a"); hasElement.length == 0 ? $(".dropdown-toggle").addClass("hidden") : $(".dropdown-toggle").removeClass("hidden") });