Estoy usando Angular - EL MARCO ANGULAR JS - y mi código es algo como esto -
<p> Server ID: {{ serverID }} server status: {{ serverStatus }}</p>que genera algo como esto: ID del servidor: 15 estado del servidor: fuera de línea
¿Cuál es la mejor manera de diseñar SOLO las cadenas interpoladas?
ya sea {{ serverID }} o {{ serverStatus }} - solo seleccionándolos,
sin afectar el resto del párrafo?
Intenté envolver la cadena interpolada con algunas etiquetas HTML:
<p> Server ID: <span>{{ serverID }}</span> server status: <div>{{ serverStatus }}</div></p> donde, por supuesto, este elemento HTML podría ser cualquier cosa
- <div> , <span> otro <p>
Solo usé div y span como ejemplo, también podría agregar una clase si quisiera... y esto funciona.
Ahora, incluso si uso [ngStyle] o [ngClass], todavía tendré que usar algún elemento HTML,
no parece haber una forma de evitarlo ... lo cual está bien.
Pero me gustaría saber si hay formas alternativas de seleccionar el
cadena interpolada en Agular : ¿cuál es la mejor práctica común y la más efectiva?
Para ser muy claro, estoy preguntando cómo seleccionar las etiquetas interpoladas, no cómo escribir css
así que no hay necesidad de muestras de código css, y tal vez por favor no repita exactamente el mismo ejemplo
que ya enumeré, y pretendo que es una solución completamente nueva que se te acaba de ocurrir
- puede simplemente decir el 'método de extensión', o envolver en una etiqueta HTML parece ser la mejor manera, algo como esto... Gracias.
html
<p>Server ID: <span>{{ serverID }}</span> server status: <span>{{ serverStatus }}</span></p>CSS
p { span { font-weight: bold; } } Pruebe esto, por supuesto, puede agregar una clase para span si lo prefiere
Su solución, enumerada en los detalles, el método span o cualquier etiqueta html, parece ser la mejor
p's y span's.
En su ejemplo, tiene el html incorrecto. No tienes un lapso inicial. Algo como esto debería ser suficiente
p { color: red; } p span { color: blue; } <p> Server ID: <span>1234</span> server status: <span>Open</span> </p>