7
En vista y considerando que estas usando npm y no yarn pues no tienes otra opción mas que usar los iconos al estilo html. Debes hacerlo de la siguiente forma
ejecutar
npm install --save @fortawesome/fontawesome-free
luego en el archivo angular.json agregar lo siguiente
"styles": [
"node_modules/@fortawesome/fontawesome-free/css/all.css"...
6
Seguramente lo que te falta es instalar el paquete @angular/material.
Prueba ejecutando esta linea de comandos en el proyecto:
npm install --save @angular/material
npm install --save @angular/cdk
¡Suerte!
respondida el 6 oct. 18 a las 16:41
Gustavo Cantero
1,87211 medalla de oro66 medallas de plata1212 medallas de bronce
5
Segun dice en https://angular.io/guide/form-validation se pueden diferenciar los mensajes en la vista segun el error
<div *ngIf="nombre.errors.required">
Nombre requerido.
</div>
<div *ngIf="nombre.errors.minlength">
Nombre debe tener al menos 4 caracteres.
</div>
5
En el caso del web Api puedes publicarle en azure sin problemas mientras no rebases los costos "gratuitos" que te ofrecen, puedes usarlos en producción.
En cuanto a otros hosting, siempre y cuando el hosting soporte la tecnología con la que estas creando tu app.
azure
En el caso de la Playstore, hay que pagar una licencia anual para poder publicar apps.
...
4
El código que has puesto me parece que no coincide al 100% con lo que realmente tienes:
En la llamada que te falla tienes lo siguiente:
'Authorization': Bearer: eyJhbGciOiJ...
Fíjate bien: te sobran los dos puntos (:) después de Bearer.
Curiosamente no tienes esos dos puntos en tu código, no sé de dónde salen pero debe ser la causa de tu problema.
respondida el 18 sep. 18 a las 14:38
Pablo Lozano
39.5k77 medallas de oro4646 medallas de plata8383 medallas de bronce
4
Tienes que importar tu servicio al Modulo de tu aplicacion , puede ser al principal o bien, exclusivo al modulo de donde estas trabajando:
@NgModule({ imports: [...] , providers: [ ..... , ColorService ], ... })
respondida el 4 oct. 18 a las 17:22
JackNavaRow
6,77255 medallas de oro2121 medallas de plata4949 medallas de bronce
4
Debes crear una referencia al Dialogo Modal (NgbModalRef) para poder manipularlo en el template o en el codigo.
<h1>Ejemplo formulario</h1>
<button (click)="open(content)">Abrir</button>
<button (click)="cerrar('Adios')">Cerrar</button>
<ng-template #content let-modal>
<div class="modal-header">
<h4 ...
4
En Angular versión 6 y posteriores ya no es necesario inyectar el Pipe como antes, ahora puedes directamente importar la función que el Pipe usa, en tu caso la función formatCurrency
formatCurrency(10.9 ,'es-ES','€','1.2');
Para que esto funcionara tuve que asegurarme de que el locale estaba registrado:
import { registerLocaleData } from '@angular/common';...
respondida el 14 mar. 19 a las 10:27
Pablo Lozano
39.5k77 medallas de oro4646 medallas de plata8383 medallas de bronce
3
Utiliza Date en las propiedades de tu clase.
fecha_nacimiento: Date;
fecha_ingreso: Date;
respondida el 19 sep. 18 a las 2:54
akko
2,35011 medalla de oro2121 medallas de plata4343 medallas de bronce
3
El problema es la versión de promise que tienes, creo que estás haciendo el tutorial de Fazt (Angular Mysql CRUD Tutorial, REST API Node & Typescript) para resolverlo solo tienes que ejecutar en la terminal el comando:
npm i promise-mysql@3.3.1
Tenía exactamente el mismo problema y a mí me funcionó. Saludos.
2
Partiré del hecho que tienes un proyecto como el publicado en sus repositorios jhipsterSampleApplication con la versión JHipster 5.4.2.
Al parecer el problema radica en el front-end ya que no te permite tener acceso a esa vista. Para ello debes editar tu archivo region.route.ts y añadir tu rol creado.
...
{
path: 'region',
component: ...
2
Puedes crearte un servicio con una función que puedas utilizar para saber si el valor de cada campo del formulario es válido y regresar el mensaje de error correspondiente
Crear un servicio validator.service.ts
import { Injectable} from '@angular/core';
import { FormGroup} from '@angular/forms';
@Injectable()
export class ValidatorService {
public ...
2
Espero no sea tarde. Esta aplicando rutas a módulos y deben tener sus rutas a componentes o a otros módulos.
PAGES MODULE
import { NgModule } from '@angular/core';
import { ProfileModule } from 'app/main/pages/profile/profile.module';
import { CrudexpedienteModule } from './expedientes/crud-expediente/crud-expediente.module';
const appRoutes: Routes = [
...
2
El error viene de la falta de importación del Modulo HttpClientModule que nos permite usar HttpClient.
Para poder usar HttpClient en toda la aplicación:
Ir a AppModule
Importar HttpClientModule desde @angular/common/http
Agregarlo a @NgModule({imports: [HttpClientModule])}
respondida el 18 sep. 18 a las 15:56
Federico Madoery
2,80288 medallas de plata1919 medallas de bronce
2
Para el primer error que te presenta:
Uncaught ReferenceError: angular is not defined at
Object../node_modules/angular-datatables/dist/angular-datatables.js
Lo puedes solucionar ejecutando el siguiente comando:
npm install angular-datatables@6.0.0
Fuente: Github oficial de angular-datatables.
El segundo error (mostrado en los comentarios):
...
respondida el 18 sep. 18 a las 15:00
Federico Madoery
2,80288 medallas de plata1919 medallas de bronce
2
si no me equivoco en this.http.post( this.url+'disenios/imagen, fd, { reportProgress: true indicas que es una llamada async. Por lo que realiza la llamada pero no detiene la ejecución de la función. De este modo se ejecuta el resto del código antes de obtener una respuesta del servidor. Prueba cambiar este valor por "false". Saludos
respondida el 12 oct. 18 a las 14:59
Fran Islas
2,22411 medalla de oro44 medallas de plata1919 medallas de bronce
2
El problema es un pequeño bug en el componente input-file:
Si pones
imagenes: new FormControl('', [
Validators.required,
])
Ocurre lo que dices.
Pero si pones
imagenes: new FormControl([], [
Validators.required,
])
funciona.
Motivo: En el código fuente del componente (gracias, Open Source!) puedes ver que lo que espera es un array de ficheros, ...
respondida el 9 oct. 18 a las 15:53
Pablo Lozano
39.5k77 medallas de oro4646 medallas de plata8383 medallas de bronce
2
Ojeando la documentación de la librería que estas utilizando me he percatado de que la propia librería ya ofrece una solución para el problema que estás planteando.
Para conseguirlo debes añadir style="overflow-y: auto" al div con la directiva mdbModal.
Échale un vistazo a al ejemplo que ofrece en su documentación > #scrolling-long-content
Alternativas ...
2
RxJs que viene incluido con Angular tiene una solución bastante elegante y sencilla para este caso de uso en especifico. En primer lugar asegúrate de incluir
ReactiveFormsModule en tu módulo.
@NgModule({
imports: [...,ReactiveFormsModule ],
declarations:[TuComponente]
})
export class TuModule { }
Luego en el componente que contiene tu input creas un ...
2
En tu tabla de autos puedes agregar una nueva columna boleana el cual indica si esta borrado o no, al consultar, puedes tomar en base a esa columna.
Al eliminar, en lugar de borrarlo de la tabla, cambias el estado de la boleada en falso.
2
Para efectuar esto has de crear un componente hijo (div) el cual lleve la funcionalidad de selección:
import { Component, NgModule, VERSION } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
@Component({
selector: 'accordeon-div',
template: `
<div [ngClass]="{ 'selected': selected }" (click)="select($event....
2
El símbolo # en inglés se llama hash. Sabiendo esto es fácil deducir que basta con el siguiente cambio:
@NgModule({
imports: [RouterModule.forRoot(routes, { useHash: false })],
exports: [RouterModule]
})
respondida el 13 feb. 19 a las 16:59
Pablo Lozano
39.5k77 medallas de oro4646 medallas de plata8383 medallas de bronce
2
Creo haber entendido bien tu problema, y la solución sería, en mi opinión la mejor, la siguiente:
Crea un componente, llamemosle BootstrapModal. Este componente tendrá un header y footer estaticos y pintara el body que tú reflejes.
<div class="modal fade" [id]="idModal" tabindex="-1" role="dialog">
<div class=" modal-dialog modal-lg" role="...
2
Carlos. En tu caso, prueba a eliminar el [(ngModel)], ya que éste, se utiliza en un mat-form, simplemente colocando name = "nombre" te debería funcionar.
2
puedes usar una función como:
getCurrency(price: number) {
return new Intl.NumberFormat('es-ES', { style: 'currency', currency: 'EUR'}).format(price);
}
2
Lo relacionado con las rutas se encuentra en el objeto location, pero en este caso, como digo en los comentarios, debes acceder a ella usando las herramientas que te proporciona Typescript y Angular.
Así que importas DOCUMENT, lo declaras, y ya puedes acceder a ello.
Para ver más acerca el objeto locationte recomiendo el siguiente link
import { Component,...
2
El problema esta en el archivo gusuarios.component.html, no tienes que poner la directiva formGroupName en las etiquetas input, porque ya tienes la directiva formGroup en form. Si quisieras poner un subgrupo en un formulario si que puedes utilizar la directiva formGroupName, pero no dentro de un input. Aquí hay mas información sobre FormGroupName.
Quedaría ...
2
tienes tres opciones:
1) Async Pipe & Observables
En este caso debes crear una variable de tipo observable que realice peticiones constantes a tu backend
products: Observable<any>;
constructor(private api: ApiService) { }
ngOnInit() {
this.products = Observable
.interval(1000)
.startWith(0).switchMap(() => this.api....
2
prueba con esta regla de css con el operador ::ng-deep a ver si te funciona como quieres:
.custom-pagination ::ng-deep .ngx-pagination .current {
background: red;
}
Espero que te sirva. Saludos.
respondida el 5 jun. 19 a las 13:57
neollob
1,23511 medalla de oro22 medallas de plata99 medallas de bronce
2
Solución :)
public base64ToBlob(b64Data, sliceSize=512) {
let byteCharacters = atob(data.file);
let byteArrays = [];
for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
let slice = byteCharacters.slice(offset, offset + sliceSize);
let byteNumbers = new Array(slice.length);
for (var i = 0; i < slice.length; i++) {
...
respondida el 26 sep. 19 a las 6:40
EduBw
2,10411 medalla de oro55 medallas de plata3434 medallas de bronce
Solo están habilitadas las respuestas de wiki más votadas con una longitud mínima y que no pertenecen a la comunidad
Etiquetas relacionadas
angular6 × 136angular × 94
typescript × 29
angular5 × 29
angular7 × 26
javascript × 15
json × 6
nodejs × 6
html × 5
datatables × 5
mongodb × 4
angular8 × 4
angular-datatables × 4
css × 3
html5 × 3
array × 3
bootstrap × 3
rutas × 3
ionic4 × 3
angular-material × 3
angular9 × 3
angular-cli × 3
php × 2
java × 2
laravel × 2