es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Operador ternario para agregar el símbolo de usuario.

07 Jun, 2023 Programación

¿Cómo puedo agregar el icono de símbolo de usuario <i class="fa fa-users symbol"></i> en el cuadro de gestión para mostrar el símbolo de usuario en los nodos Maansger2? La imagen se encuentra a continuación.
enter image description here

Escriba esta línea donde se comprueba ${data.tcount}>0 pero se muestra como una cadena.

${data.tcount}>0?<div class="title">${data.title}<i class="fa fa-users symbol"></i></div>:<div class="title">${data.title</div>

Plantilla de nodo de unión de datos donde es necesario agregar el operador ternario

var plantillaNodo = function(data) {
                    return `

                   <div class="title">${data.title}</div>
                   <div class="content">${data.name} </br>${data.MainRole}</br>${data.Country} </div>



           `;
        }
Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para agregar el icono de símbolo en los nodos de Manager2, puede modificar la plantilla de nodos de enlace de datos agregando un operador ternario para verificar si data.tcount es mayor que 0. Si lo es, entonces el icono fa fa-users symbol se agregará al title div.

    Aquí está una versión actualizada del código:

    var nodeTemplate = function(data) {
    return `
        <div class="title">
            ${data.title}${data.tcount > 0 ? '<i class="fa fa-users symbol"></i>' : ''}
        </div>
        <div class="content">
            ${data.name} <br>${data.MainRole}<br>${data.Country}
        </div>
    `;
}

    Esto agregará el icono de símbolo fa fa-users a los nodos Manager2.

Comments are closed.