I'm trying to omit an attribute with ngIf, or something similar in Angular:
<input type="text" maxlength="5" class="form-control-mat"
*ngIf="recomendacion!=undefined" [placeholder]="recomendacion" >
This is what I have right now, but instead of omitting the attribute placeholder, it skips the entire element.
Is it possible to apply something similar that works on attributes?
I am with Angular 6 , I receive from the server a JSON whose date is: "loadDate": "2017-02-12T00:00:00+01:00",
When displaying this date in the html I have:
<td class="left">{{ scenario.loadDate | date:'shortDate':'':'es' }}</td>
This pipe returns the date 12/2/17.
When I modify other data of the object and send this object again, what is being sent is the date with a lot of rubbish:
"2017-02-12T00:00:00+01:00"
What I want is to send is 12/2/17that it is shown in it HTMLor give it my own format 2017-02-12, I had thought of cutting the string that I receive in the Tand keeping the part on the left, the problem is that it is not unknown how the date will come .
I am doing a guard in Angular 7 to verify if a user is logged in or not. Both the back and the request work correctly, however I can't control it inside the subscribe. This is the code I developed
import { Injectable } from '@angular/core';
import { CanActivate, Router } from '@angular/router';
import { LoginService } from '../login.service';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';
import { StorageService } from '../storage.service';
@Injectable({
providedIn: 'root'
})
export class AuthGuard implements CanActivate {
constructor( private _login: LoginService,
private _router: Router,
private _session: StorageService) {}
canActivate(): Observable<boolean> | boolean {
this._login.isLogged()
.subscribe(
// Si la respuesta es un código HTTP 204, entonces está autorizado
() => true,
// Si la respuesta es un código HTTP 401 entonces NO está autorizado
() => {
this._session.deleteData();
this._router.navigate(['/login']);
return false;
});
}
}
The problem is that returndel .subscribedoesn't return true or false as canActivate(): Observable<boolean> | booleanI don't know how to return that Boolean
I get this error
A function whose declared type is neither 'void' nor 'any' must return a value.
I even tried to assign the value of subscribeto a variable to do returnat the end of canActivate(), however it is an asynchronous function so it finishes executing the code and does not wait for the response, I reiterate, everything works excellent, both the responses from the backend, and the function isLogged()which returns the Observableone I am subscribing to in the guard.
What I can do?
I also tried this function
return this._login.isLogged().pipe( map( (data: any) => {
if( data.auth ) {
return true;
} else {
this._session.deleteData();
this._router.navigate(['/login']);
return false;
}
})
)
And now it works only if there is an HTTP 200, I can't control the 401 code
We have an offer view on the front end that looks like this:
<table>
<tbody>
<tr *ngFor="let offer of offerList">
<td>{{offer[0].appArea.creationDate}}</td>
<td>{{offer[0].client.id}}</td>
<td>{{offer[0].client.name}}</td>
...
</tr>
</tbody>
</table>
This offerlistis collected from a database in a less traditional way : only the ids and a hash are stored in the database, with which an IPFS network is accessed, which is the one that has the data of the offers.
In addition, it is set up in such a way that, to obtain an array of noffers, exactly n + 1requests are made: the first one brings the array with the ids and hash, and the nfollowing ones are the result of iterating through that array and asking the IPFS for the data:
export class OffersComponent implements OnInit{
offerList: Array<any> = []
loadOffersForClient(email) {
this.offerService.getOwnerInitialOffers(email).subscribe(
(initOfferResponse) => {
initOfferResponse[0].offers.map((item) => {
this.offerService.getOfferFileData(item.hashId).subscribe(
(itemResponse) => {
this.offerList.push([itemResponse, item, ]);
}
);
});
}
);
}
}
The service makes simple calls with the http client:
export class OfferService {
constructor(private http: HttpClient) { }
getOwnerInitialOffers(email: string) {
return this.http.post<any>(`path/to/offers/${email}`); // se traen datos por post porque asi esta especificada la api
}
getOfferFileData(hashId: string) {
return this.http.get<any>(`path/to/file/server/${hashId}`);
}
}
The requirements have changed and we need to order the array. By date, to be more exact. The problem comes from the fact that I am not sure when I can order the array being sure that the elements have finished filling .
Until now, it had occurred to me to order it by brute force, every time a new request is launched:
this.offerService.getOfferFileData(item.hashId).subscribe(
(itemResponse) => {
this.offerList.push([itemResponse, item, ]);
this.offerList.sort((a, b) => {
const firstDate = a[0].applicationArea.creationDateTime;
const secondDate = b[0].applicationArea.creationDateTime;
return (firstDate < secondDate) ? 1 : ((firstDate > secondDate) ? -1 : 0);
});
}
);
Aside from being incredibly inefficient, it doesn't work, I understand that the items haven't been loaded by the time the sort occurs.
How can I make sure that the array has already been loaded, so that I can sort only once and without the danger of new elements entering?
I would like to change the language of the date of my app so that it is from Argentina, I tried with this configuration seeing the angular documentation but it still does not change. The default setting is en-US. It does not show me any error by console
app.module.ts
import { registerLocaleData } from '@angular/common';
import localeEsAr from '@angular/common/locales/es-AR';
registerLocaleData(localeEsAr);
app.component.html
<td>{{resultado.date?.seconds * 1000| date:'fullDate'}}</td>