Questions tagged [angular]

Questions about Angular (not to be confused with AngularJS), the web framework from Google. Use this tag for Angular questions which are not specific to an individual version. For the older AngularJS (1.x) web framework, use the angularjs tag.

Filter by
Sorted by
Tagged with
0
votes
0answers
7 views

How to use ngModel in the radio group from the api in angular

here's the code. list.component.html <div nz-row *ngFor="let remark of checklist"> <div nz-col nzXXl="12" *ngFor="let task of remark.tasks" style="padding: .5rem;"> ...
0
votes
0answers
6 views

Forgot Password flow - AWS Cognito - Invalid Email

I am using AWS cognito and confused in forgotPassword flow. Code for forgot password as below: cognitoUser.forgotPassword({ onSuccess: function (result) { console.log('call result: ' + ...
0
votes
0answers
10 views

React : How to make password characters visible when typing each character and hide(*) after few time interval in react?

I want my password field behavior as shown in this image I found few solutions using jQuery and tried to convert it to react but It does not behave same with react as there is a setState which delays ...
0
votes
0answers
5 views

Angular route animations, don't animate old route

I got the following transition for Angular route animations: export const slider = trigger('routeAnimations', [ transition('* => isLeft', slideTo('left')), transition('* => isRight', ...
0
votes
0answers
8 views

How to deploy Angular 6 project in C-Panel

I'am trying to host my Angular Application in C-panel. I have created domain using Add on Domain that is added to my public_HTTP folder. I extracted my build project using( ng build --prod ) now i ...
0
votes
0answers
16 views

Angular Interpolation Binding does not show date if format is not “yyyy-MM-dd”

My interpolation binding doesn't work if the given format is not 'yyyy-MM-dd' .html: <div class="form-group"> <label>DOB <input type="date" class="form-control" id="birth_date" ...
1
vote
1answer
26 views

Angular 8 - blink td when its value changes

I'm using angular 8 in my project. I'm using angular material to render my table. <table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> <ng-container matColumnDef="...
0
votes
0answers
9 views

Mousewheel plugin returns odd values for windows PC's

So I'm trying to implement a special scroll behavior. Since I kind of solely have a horizontal carousel, I want to convert vertical scrolling to horizontal scrolling. Since I personally didn't know ...
0
votes
0answers
23 views

What method does angular reactive forms use to register a form control name

Does anybody know what method reactive forms uses so that a formGroup "finds" a control by formControlName. Does rxForms rely on a closure amd ignore angular's component separation or does each ...
0
votes
0answers
9 views

Angular Universal - Node running SSR, pros and cons

I’m using Angular Universal in order to improve the SEO and sharing across the social medias with the correctly meta tags. I need Node installed in the server and I’d like to understanding what will ...
0
votes
0answers
15 views

Can dynamic components be used in a form as form fields and validation still be handled by the parent component?

Just trying to learn the use of dynamic components. For context (and suggestions of better solutions if appropriate): The application receives questions (question title + possible options which can ...
-2
votes
0answers
9 views

How can I host an Angular MEAN App with 2 repos?

I've never hosted any type of application before but I've been working on an Angular 8 app recently and have no clue how to go about getting it live. I'm working in the MEAN stack and have 2 github ...
0
votes
1answer
25 views

Showing two selection boxes side by side

I have the following code which I wrote: <div class="selectAorB" *ngIf="this.objects.length > 1"> <div> <select (change)="this.AorB($event)"> <option value=...
0
votes
1answer
18 views

Getting index from entire table not just page in an angular mat-table

I have a mat-table with paging at 5 rows/page and when I click on a column link in a row, I'd like to get the row selected from the entire table index, not just the page I'm on. ex. If I'm on the ...
0
votes
0answers
19 views

Typescript compiler in Angular

I would like to know, if is there some option, how to exclude node_modules packages from TSC command. My tsconfig.json { "compilerOptions": { "outDir": "build/dist", "module": "esnext", ...
0
votes
3answers
26 views

Which approach for *ngFor is better: ng-container or pipe slice?

I want to show full list or only its 3 elements - conditionally (more=true/false). I can use pipe approach like this <div class="table"> <div *ngFor="let item of list|slice:0:(more ? ...
-1
votes
0answers
11 views

FormArray inside Angular Material Table? Very similar question is already posted but not same. Read

I have a product table. In table I want to have the product predefined name and quantity field. Quantity is blank field which can be filled. My template: <div class="container"> <app-...
0
votes
0answers
5 views

Kendo Dialog for confirmation while navigating from a angular component using canDeactivate

I have created a canDeactivate service as below. @Injectable() export class UnsavedChangesGuardService implements CanDeactivate<MyComponent> { canDeactivate(component: CanComponentDeactivate, ...
0
votes
1answer
19 views

Can't get 1st item to reset in a html select using angular

My drop down works fine when I initially open it up inside a modal window. If I change the select to some selection drop value then close the modal and reopen, it stays the same. It doesn't reset it ...
0
votes
1answer
14 views

How to read video duration from formData fiile - Angular

I'm trying to read video duration from a input type file, here's my code: html: <div class="uniform-uploader"> <input type="file" class="form-control-uniform-custom" name="...
0
votes
0answers
13 views

Angular project hosted in gh-pages can not find files and displays blank page

I built an Angular project running the ng build command, and locally it works perfectly. I uploaded the content of the dist folder to a repository in Github and created its GitHub Page, however, it ...
0
votes
0answers
10 views

Ionic 3 PayPal integration checkout Issue

Using PayPal with ionic 3, I used the link from PayPal developer, and tried to integrate the payment gateway with the application. I could get the event button on the home page. Once the event is ...
0
votes
0answers
9 views

RXJS: How to get connect event? retrywhen: how to hook into execution?

When Angular tries to connect, I want to show "Connecting". I can do it on first connect, but I don't know how to do it when using retryWhen(). I need to hook into the actual execution and then do: ...
-3
votes
1answer
22 views

When to use routing in Angular? [closed]

I started building my first Angular app using routing with unique url for every "main" component. But then I discovered the material and really liked what the tabs are doing. What will be pros and ...
0
votes
0answers
7 views

ng2-smart-table how do change color of titles in collumn? [closed]

ng2-smart-table I can't change the color of column titles can anyone help me? I want to change to white. table image
0
votes
2answers
36 views

Easiest way to convert await/async function to work with observables

As far as I understand I shouldn't really use async/await methods in Angular. So I'm trying to figure out how to get it going without those methods but after a few hours, I'm still stuck. I'm using ...
0
votes
0answers
24 views

Angular form validation values are updating in the view but not updating on object in the component

I am having an issue where form values are being updated in the view, but they are not updating as part of an object in the component. Here is the component in question export class ...
0
votes
0answers
10 views

Re-Usable Components in Cheezy Page Object

I'm using cheezy page-object gem and cucumber. I have page objects for an angular website and many pages contain angular ng-select element which is a dropdown. All of the ng-select elements are the ...
0
votes
0answers
13 views

module not found for angularx-social-login

I have this errors compiling simple app for FB and Google login: ERROR in /home/andrea/node_modules/angularx-social-login/angularx-social-login.js Module not found: Error: Can't resolve '@angular/...
0
votes
1answer
21 views

Angular and C# project in Docker - error 500

I have created an empty project, .net core, MVC with Angular using visual studio. The project works, I added docker support and it works fine. BUT, when i delete the ClientApp provided and do ng new ...
0
votes
1answer
30 views

Is there a difference between using slice in *ngFor directly or by pipe?

I want to conditionally (more=true/false) show 3 elements of list or full list using slice pipe <div class="table"> <div *ngFor="let item of list|slice:0:(more ? undefined : 3 )" class="...
0
votes
0answers
8 views

Push FormArray into fromgroup in Angular Material table

I have a table and predefined things. At the click of an add button, I want to add a new json product to my 'data' array. Json single product have id and quantity. Look my template with table: <...
0
votes
0answers
7 views

How can I update data on PayPal API in Angular?

I'm using the ngx-paypal package from node to implement paypal payments in my angular app. Inside my TS file, I can see where the value for the price of a product is set, and it's currently set to a ...
-1
votes
1answer
19 views

Print a string message within a error message in Angular

How to print a string keyword from an error message. I just want to print "Bad Request" (in this case) from the error message "400 - Bad Request URL: put:http://x/y/z Message: Http failure ...
0
votes
0answers
17 views

How does google firestore work in the background?

recently I started playing around with Google Cloud Firestore and I wonder, how this thing work in the background. I read something about sockets, that they keep persist connection between client and ...
0
votes
0answers
15 views

Button is not disabled in jasmine test, but is disabled when viewing application

I am writing a test that ensures a submit button is disabled until the form is valid. If I browse the application and manually test it, it works as expected; however, it my test, when I use the Karma ...
3
votes
3answers
40 views

How to 'show more' rows using *ngFor

I have the following code (simplified in head - not tested) <div class="table"> <div *ngFor="let item of list" class="row"> {{ item.id }} {{ item.name }} </div> </div> ...
0
votes
0answers
20 views

How can i create a more flexible query string for API request in Angular

I am trying to figure out if there is a way to make my API request more flexible. I am passing params from my grid to by data service which has currently the below code. What i am trying to achieve is ...
0
votes
1answer
13 views

Communication between two Angular (ver 5, 8) apps (handshake)

What is a recommended approach for communication between 2 Angular apps? App 1 is a product page for example, and App 2 is the cart. One requirement is that orders are not persisted. Meaning we ...
0
votes
1answer
40 views

Make Promise in Typescript

I've got function which must return for me image and service for select this image. I don't know if I need to use service or if it can be done differently? My function selectFromGallery() { ...
0
votes
0answers
20 views

Angular component works perfectly locally, but gives me an error when deployed to Azure

I'm working on an app involving seasons and calendars. I can get it working it locally, but when I deploy it to an Azure Web app, I get an error message, even though the data and the code is exactly ...
0
votes
2answers
26 views

Angular Material: Add sidenav to just a few pages?

I want a subset of pages of my site to have sidebar navigation. So, the home page and others would not have any sidebar, but one section of the site would have a sidebar. On that section, users can ...
0
votes
0answers
8 views

Angular build for production error with PrimeNG

I am trying to build Angular 8 application for production and I got these errors. Any advice how to fix it? ERROR in ./node_modules/primeng/fesm5/primeng-table.js Module build failed (from ./...
0
votes
0answers
14 views

InvalidPipeArgument For date pipe in 'zh-Hans' Locale - Angular 7.2.4

I am working on ASPZero based applicaiton with angular. I have a valid date which will display fine with Bootstrap datepicker in 'en' locale.When I switch to 'zh-Hans' locale or 'sv' locale [and some ...
0
votes
1answer
28 views

Lazy loaded route base url behaving strangely

I have created an Application with a Component Library. My library contains routes. When I try to lazy load the library into the application I use the following route: const routes: Routes = [ { ...
0
votes
1answer
15 views

ionic 4 / Angular - ion-input - custom clear input button

I have a search input to dispaly a list of items. I want to add a custom clear input button. I.E. I want to replace the existing clearInput in ion-input to use a custom button. .ts: inputText = ''; ...
0
votes
0answers
12 views

Load Local url in iframe ionic 4

I am trying to open a file name load.html which is saved in www/ directory from home page in src/app/home/ inside an iframe but each time I am getting an error called 'cannot match any routes .url ...
0
votes
0answers
13 views

Angular app not detecting changes when running cypress tests

I have an interesting problem while running Cypress tests against my angular app. The issue I am seeing is that DOM is not responding to changes from observables or component values when I am running ...
3
votes
1answer
31 views

How to close Angular Material Sidenav with escape?

My goal is to close the Angular Material Sidenav by pressing escape. I have tried using the [autoFocus]="true" property to achieve this, but to no help. The problem is that pressing escape has no ...
0
votes
0answers
21 views

Angular library / ng-packagr styles missing

I have built 2 angular component libraries (A and B) each inside their own Angular app. I installed library A in library B. Application B is using both libraries. The styles of components in library ...