Questions tagged [angular-2+]
Use this tag on posts involving code written with versions 2 & above of Angular, the web framework from Google. use the angular.js tag for posts involving the older AngularJS (1.x) framework.
5
votes
1answer
30 views
Merging client names into orders using RxJS
I have an API which I can't modify. I have to use data as it is.
I want to join data from two separate requests where the second request is based on data from the first one.
I have a working ...
2
votes
1answer
50 views
Separating items into ordered and unordered lists
I'm trying to group all the types which have ordered-list-item & unordered-list-item into new object.
How can I simplify the function and reduce multiple return statements?
...
1
vote
0answers
99 views
Accordion component with Angular 7
I have to made an accordion-, respectively "zippy"-component using Angular 7.
I'm new to Angular. Just started with it a few weeks ago. But with some Google-usage I was able to implement the ...
1
vote
0answers
104 views
Angular 7 - Mapping nested arrays from api response
I have some selects on my html page that I want to populate with the response from my backend api.
The response looks like this
JSON response
...
1
vote
0answers
17 views
angular service for centralizing common grid functions
I have an angular 7 app that is data focused and as a result has dozens of grids. These grids are from the Kendo UI for ANgular component library made by Telerik. These grid components expose hooks ...
1
vote
1answer
33 views
Unit Test case to check if localstorage is empty once I logout of the Web app
I am trying to clear my localstorage when I am logging out of the application. I want to write a unit test case in Jasmine to check if this task is performed when logout function is run. I am writing ...
2
votes
0answers
45 views
Angular polling and plotting component using Firebase
I could use some help refactoring my component and service. I have a lot of nested logic and wasn't sure what I could do to improve this. I'm new to Angular 7 and their piping syntax. I suspect this ...
1
vote
0answers
59 views
Angular 7 HttpClient POST and GET
I have googled and read many tutorials about fetching data and posting data to Rest API. But i have never seen a tutorial with how to handle the getting of new data after a POST or an PUT in a best ...
0
votes
1answer
53 views
Angular pipe to suppress sensitive information
I have created an Angular pipe to suppress the sensitive information like credit cards, bank account, ABA numbers etc.
This is working fine but I would like to know if this is the best possible way ...
0
votes
0answers
20 views
Angular service that configures translations based on current business case
I have a simple Angular Service that pre-configures translations for the ngx-translate library based on the currently logged in business case.
I'm not sure if my switch case statement within the if/...
1
vote
0answers
15 views
Optimistic validation on tab change
I have a rather large UI for editing a user within a Angular application. It is split in multiple tabs and in order to reduce complexity the user cannot change the tab unless there is no validation ...
1
vote
0answers
30 views
Angular Websocket service with wait for response sending
I am writing an Angular Websocket service that can send messages to a server and then can subscribe to the response.
I am grateful for every suggestion to improve this.
...
0
votes
0answers
15 views
Angular HTTP POST with Basic Auth and Form Data
I have an API that I need to use that requires 2 things
Basic auth with user: username & password: api token
The request ...
1
vote
0answers
46 views
Angular component for select with custom input
I'm creating an Angular widget which combines a dropdown with a custom input. I've made it generic and am preparing a blogpost explaining my setup, and would love to get a review before I do so.
The ...
1
vote
1answer
82 views
Angular component to render currency or date values
I have an Angular component and it is just a label which renders a value and if it has an associated pipe, the output of the pipe should be rendered as value of the label. But I don't want to declare ...
2
votes
0answers
29 views
Caching different http-requests
There have been multiple discussions on caching http-requests with RXJS. In this question/proposal I want to propose a custom rxjs-operator (non-pure) to provide ...
0
votes
0answers
27 views
Parse json data for forms
I have this form who get all the data from json, and serialized it to make it fill in the UI of material.
I was thinking about making a class and name it parses who parse all the data for the ...
1
vote
1answer
105 views
Unit testing static method that imports environment file
I'm (very) new to writing unit tests and I'm wondering how I should approach testing a static method that constructs our API endpoints based on what the properties are set to in our ...
3
votes
0answers
101 views
Fetching user information along with user posts in Angular
Here is my code with 2 services, one is messageService which is used to get user messages:
...
0
votes
1answer
120 views
Arhitecture of Angular 7 online shop
I created online shop with angular 7 and I am not sure is good architecture. I created 5 modules:
main module
products
shop-cart
core
admin
I have service :
...
2
votes
1answer
78 views
List component using RXJS Angular
I have a small angular project, where I have an Article component to list articles with pagination system.
The default page
The placeholder loader page
The main objectives are:
Display the ...
1
vote
0answers
43 views
@bound decorator for TypeScript
I'm working on an angular codebase that very frequently uses constructs like:
<c-whatever [action]='doSomething.bind(this)'>
to pass reference to the ...
1
vote
0answers
14 views
Organization project and http-Client
I did not have experience with organization project and http-client. I suppose this is the right way. I have data-storage service where I store my data from server. ...
1
vote
2answers
93 views
DataService that fetches data not loaded already or loads cached values
I load an array from an API that is available throughout the user's whole session. This data is unlikely to change, so it can be cached safely. I have a DataService ...
1
vote
0answers
18 views
Angular2 “Logged In State Watcher”
I have a small website I'm working on as a hobby and I created a login page/home page so far. I wanted to get the basic login/logout functionality going before filling out the main part of my site. ...
0
votes
1answer
272 views
An Angular service to provide window and document objects
In some components and services I need the window and document. So I created a small service, that provides these two objects.
...
1
vote
1answer
73 views
Language switcher, consulting browser's localStorage
I'm using angular 6 and ngx-translate. This is my switch language function
...
3
votes
0answers
1k views
Angular async pipe with loading spinner and manual refresh
I have an Angular 6 app with the following requirements:
Get data from a web service.
Load the data when the page is displayed.
Reload the data when the user requests a reload by through some UI, ...
5
votes
1answer
1k views
Angular directive to disable a button when clicked, allowing re-enabling as needed
I have written an Angular Directive that disables a button after it has been clicked, to prevent double posting / saving of data. This works fine in most of our use cases. However, in some situation ...
3
votes
1answer
139 views
Angular service for fetching and passing data with observables
I have an Angular service consisting of three methods:
This method makes a call to my server to get a URL
...
0
votes
0answers
1k views
Checkboxes behave like radio buttons with angular
This is short Angular 5 code which works as intended: check boxes behave like radio buttons - only one can be selected at a time.
Both versions of 'toggleCheckbox' works but I am interested is if ...
1
vote
0answers
279 views
Angular form data over multiple components
I have a form that I have broken into several different components in Angular. By the end of the form, all the data needs to be submitted together.
My thought process was to create a provider to ...
0
votes
1answer
119 views
Parse big JSON for reactive form
I implements big reactive form on angular5. This form get data from JSON. I use formBuilder and several nested formGroups.
Every field have default value before rendering form. In console output form ...
4
votes
1answer
2k views
Filtering objects according to required and preferred attributes
This my opportunity object which is a part of my angular app.component.ts file. In my template(HTML of this component) I want to ...
3
votes
3answers
152 views
Angular, sort objects by their keys
I had to sort a list of objects - {name:'name', email:'email} by their keys, ex. by email, so they all be rendered with ...
2
votes
1answer
509 views
Storing a fetched list of printers in Angular
I have a need to store data retrieved my ASP.NET Web Api to stop making redundant API calls for the same data when I navigate through my Angular page. On my API I have a database which stores a list ...
2
votes
0answers
34 views
Set a time based on hh:mm length, or set time length based on time
I am using Ionic 3, Angular 5, and moment-timezone. I have a form input that displays EndTime (in the format of 01:23 AM) and another that display the length (in ...
1
vote
0answers
39 views
Fetching student and teacher data from a given date range
I have two APIs which fetch data of teachers and students from a given date range. I am using forkJoin to get both APIresponse and display the data with a regular interval of 10 ms.
This is working ...
3
votes
0answers
147 views
Build dynamic HTTP service with Angular
I have an Ionic application, this application contains set of pages and services. Since I'm working with Ionic and Angular I decided to build reusable code for different projects, for example:
HTTP ...
1
vote
0answers
45 views
Class to handle complex form using Angular ReactiveForms
I'm working with the ReactiveForms in Angular5 and trying to find a good way to do this.
So, in my use case, I have a FormGroup inside my example.component.ts and when I need to add some FormControl ...
1
vote
0answers
659 views
Autosave reactive forms
I'm building an autosave for a data driven form on Angular.
Here is our code snippet:
...
3
votes
1answer
57 views
API calls organization in Ionic (Angular) application
I'm doing a prototype of server API calls in my Ionic (Angular) application. I'm considering this use case:
...
0
votes
0answers
35 views
Angular2 and RxJS passing objects around with a service
Let's say I want to share an object between multiple components. This service will allow components to send or receive the object.
This functionality allows for an object to be Globally Accessible. ...
2
votes
0answers
1k views
Angular 5 Forms - Extending Form Control
Currently taking a first pass at Angular Forms with some colleagues and I'm noticing an interesting design pattern implemented by a coworker where the FormControl is being extended to allow for ...
2
votes
0answers
1k views
RXJS queue up multiple http requests and send when x conditions happens
Just started to use rxjs few weeks ago, I think I'm getting most of it right, but my code seems to be not that efficient and prone to bugs I haven't run into yet!
I need to be able to send http ...
0
votes
0answers
2k views
Angular 2 Autocomplete
I've tried to build a fairly simple, reusable and functional Angular2 autocomplete component.
The component:
...
1
vote
0answers
57 views
Calling Service and Initiate under ngOnOnit (not in Constructor) Hook in Angular4
I am using WP REST API V2 with Angular v5.
I am display all items available from API for /do route inside WeDoComponent ...
3
votes
1answer
288 views
Angular + Redux app organization and initialization: transfer from a PHP-driven website
Our system is largely a PHP-driven system. We're not doing the full split back/front-end. Most pages are plain HTML served directly by PHP. However, a few parts of the system are very dynamic and ...
2
votes
1answer
771 views
Angular - reusing an observable for different queries
This is just a dummy example, but in my real world application I get a lot of data from the web API and I'd like to manipulate it on the client's side. So, I kind of stored the observable I get from ...
1
vote
0answers
50 views
Pig game in Angular4
I am a newb in Angular 4. I have written a component but have some questions.
I used member variables of class and modified variables within functions.
Is this right approach or I should implement it ...
