3
votos
Aceptado
Parámetros opcionales en rutas angular
En las rutas el caracter ? no hace que el parámetro sea opcional sino que se convierte en un caracter más del nombre del parámetro.
Para lograr lo que deseas puedes usar dos rutas, una con parámetro y ...
3
votos
Problemas con la etiqueta <nav>
El botón 5 flota correctamente a la izquierda, visualmente se ve debajo del 1 porque al no tener espacio a la derecha del 4 arma su propia "línea".
La falta de espacio está dada porque el ...
3
votos
Aceptado
¿Como filtrar dos o mas palabras en una cadena de texto en js?
Lamentablemente includes() devuelve true o false dependiendo si la cadena exacta está contenida en otra (y por cierto, también es sensible a mayúsculas y minúsculas).
Método tradicional sin ...
2
votos
Aceptado
Renderizar componente padre desde componente hijo
Debes utilizar la función setState para actualizar correctamente el estado.
agregarCarrito = (item) => {
this.setState({
items: [...this.state.items, item]
});
}
2
votos
Validar lista de E-mails separados por punto y coma en Angular
Me contesto a mí mismo:
Primero hay que validar el email con la siguiente expresión regular:
public isValidEmail(email: string): boolean {
var pattern = /^\w+@[a-zA-Z_]+?\.[a-zA-Z]{2,20}$/;
...
2
votos
Aceptado
¿Cómo obtener la diferencia de meses, días, horas y/o minutos entre dos fechas en javascript?
La mejor opcion desde mi punto de visa es usar moment, de la forma que lo yo hago es trabajando con objetos moment
function edad(b) {
//Recibo un string 10-10-2021 por ejemplo
var a = moment();
//a = ...
2
votos
Aceptado
Hacer una transición suave entre un aside que se muestra y otro que no
Como te dijeron en comentarios, la propiedad display no se puede animar, pero está la alternativa de usar altura máxima (max-height):
Si la pones en cero, el elemento no se mostrará ni ocupará espacio ...
2
votos
Aceptado
Como descargar todos los modulos en background luego de la descarga inicial en Angular 14?
Puedes conseguirlo puedes usar la estrategia de carga PreloadAllModules del RouterModule. Usando esta estrategia se irán cargando en segundo plano todos los módulos.
Para ello simplemente tienes que ...
1
voto
Warning: React Hook useEffect has missing dependencies
Necesito que el efecto se ejecute solo cuando el componente se monta y no en cada actualización.
Si los efectos del custom hook se disparan con el re-render(actualización) del parent component o el ...
1
voto
como puedo lograr este effecto con sass/scc y htlm
Pues esto lo podrias lograr de diferentes maneras:
Dibujandolo con CSS
Usando un SVG (recomendacion personal)
Usando un PNG
Cada elemento html de tu sidenav debe tener esta imagen o icono ya ...
1
voto
Aceptado
Aparece un margen a la derecha en bootstrap
Estas usando mal la clase row, pues no defines su contenedor (container).
Tal como dicen en su documentación:
Containers are the most basic layout element in Bootstrap and are
required when using our ...
1
voto
Aceptado
Me aparece como undefined el objeto de respuesta dentro del .suscribe()
Pues el problema esta ahí, le asignas null y luego quieres hacer todo lo demás. Para resolverlo tienes que crear una copia o puedes elegir optimizar el código y ahorrarte unas líneas:
Versión como ...
1
voto
No se aplica animación CSS a Span mediante JavaScript
En el CSS primeramente se debe referenciar el nombre de la animación: animate
.animate-wrong {
animation: animate 1s ease
}
@keyframes animate {
}
También se puede usar independientemente:
....
1
voto
Aceptado
Error al usar NgFor en Angular
Lo que ocurre es que dentro del componente no estás definiendo lo que debería ser llamado, simplemente has definido una variable con el mismo nombre que está fuera de la "fuente":
Componente ...
1
voto
Aceptado
¿Cómo crear una expresión regular que solo acepta caractéres alfabéticos, guiones y espacios con un mínimo de siete caracteres?
Tienes que los caracteres admitidos son:
Alfabéticos: [a-zA-Z]
Guion: \-
Espacio: \s
Y que los caracteres se repitan desde 7 a más veces {7,}
input:valid {
background-color: palegreen;
}
...
1
voto
¿Cómo crear una expresión regular que solo acepta caractéres alfabéticos, guiones y espacios con un mínimo de siete caracteres?
El patrón correcto sería así:
<input type="text" id="business-position" pattern="[a-zA-Z0-9\-\s]{7,}$" title="Letras, números, guiones y espacios; con un mínimo ...
1
voto
Página web multilenguaje JavaScript. Error cuando quiero cambiar de idioma la página
Al entrar a la URL https://www.calycon.com.ar/js/en.json te indica el error
Ahí te dice que tienes un problema con los MIME Types, debes ir a la configuración del sitio en el IIS y agregarlo
Luego, ...
1
voto
Aceptado
Dividir array map erroneo
Podrías hacerlo de esta forma, retornando un array por cada iteración, al final como resultado obtendrás un array con otros arrays dentro.
const development = products.map((x) => {
return x....
1
voto
Aceptado
Seleccionar un id especifico Jquery
En esta respuesta he borrado todos los id, pues no los vamos a usar.
Tampoco vamos a usar un each de todos los elementos del DOM como tenias, pues no hace falta con los selectores de jquery.
En su ...
1
voto
Aceptado
Como acceder a una posición de un array que está dentro de un atributo de una clase en JavaScript
Pero, en ningún momento en el código validas que el valor ingresado tenga que ser una de las opciones del array. Como esperas que se valide solo?
Tienes que hacer la validación tu mismo, algo asi:
...
1
voto
Aceptado
React no muestra nada
Despues de revisar el repositorio de tu proyecto pude identificar el siguiente error:
Tienes un componente de nombre ItemList en cual intentar recorrer la propiedad autoList para mostrar los elementos ...
1
voto
Aceptado
¿Cómo puedo añadir (click) a un botón que previamente fue generado con "document.createElement" en Angular 12?
Vale esto te podria ayudar, cambiaremos el "setAttribute" por un "addEventListener" y ahí escucharemos el "click" y configuraremos las acciones a ejecutar:
Prueba lo ...
1
voto
Aceptado
Hay algun webkit para el input type password?
No todos los navegadores incluyen ese webkit, en este caso, puedes implementarlo por ti mismo. Te dejo uno de ejemplo
$(document).ready(function() {
$("#show_hide_password a").on('click', ...
1
voto
Aceptado
¿Cómo puedo solucionar SyntaxError: Unexpected end of input ? en js
Lo solucione, me falto configurar el acceso CORS en el servidor.
web.xml:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee&...
1
voto
¿Como filtrar dos o mas palabras en una cadena de texto en js?
Puedes separar tus filtros de búsqueda y luego usar usar RegExp para hacer test sobre ellos y encontrar los matches totales o parciales
var articulo = "Auricular Logitech G430";
var filtrobusqueda ...
1
voto
Renderizar componente padre desde componente hijo
Debes utilizar la función setState (ver documentación), no cambiar el estado directamente:
// Tu código:
this.state.items.push(item)
// Correcto:
const newItems = this.state.items;
newItems.push(item)...
1
voto
Ajustar/Quitar espacios en grid
Esos espacios en morado que comentas tienen que ver con las clases que has puesto col-. Mira en la documentación de Bootstrap lo relacionado con Grid que te ayudará a entender mejor cómo mostrar los ...
1
voto
Problemas con la etiqueta <nav>
Por lo que veo estas llamando a un identificador llamado "#Top" lo cual puede ser una palabra reservada dentro de los ámbitos de nombres.
Cambia el Nombre de top a tope por ejemplo:
<!...
1
voto
Problemas con la etiqueta <nav>
Actualmente no te recomiendo utilices float, a menos que sea un caso muy particular, en el caso del nav lo que puedes hacer es usar un display flex o grid, pero como estas comenzando aprende primero ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
frontend × 131javascript × 56
reactjs × 34
css × 28
angular × 26
html × 23
typescript × 16
backend × 16
html5 × 9
vue.js × 8
bootstrap × 7
web × 6
next.js × 6
nodejs × 5
react-hooks × 5
css3 × 4
java × 3
jquery × 3
json × 3
api × 3
formularios × 3
aplicación-web × 3
eventos × 3
crud × 3
animación × 3