We’re rewarding the question askers & reputations are being recalculated! Read more.

All Questions

Tagged with
Filter by
Sorted by
Tagged with
0
votes
1answer
15 views

Facing problem in sending File along with Data in FormData in Angular

I am working on angular where I am trying to send File along with Data via Form Data but when I append data & files to formData and console.log(formData) I am getting nothing , Let me share my ...
0
votes
0answers
7 views

Making base href tag as a dynamic based on route in .net core

In .net core project with two angular apps, Under views, have folders - shared, app1, app2. In _Layout.cshtml of shared folder, the following line was present <base href="/app1/"/> so it ...
-3
votes
1answer
19 views

How to open explore directory using Angular?

How to open explore directory using Angular clicking over DOM element, not input file?
0
votes
2answers
24 views

What does it mean domain module in Angular?

What does it mean domain module in Angular? Also is it possible to group all additional custom classes like Helpers to module?
0
votes
3answers
56 views

How to get value of variable from another component, not child?

I have tried to get value of variable from component DialogDictionariesTypesComponent using this: @ViewChild(DialogDictionariesTypesComponent, { static: false }) dialogDictionaryTypes: ...
0
votes
0answers
11 views

other Appended drop-down value is affected when any drop-down data is changes

I am using reactive form there are two drop-down in the reactive form , which appends every time on clicking add button so there are Multiple appended html shows same drop-down . options of second ...
-1
votes
2answers
41 views

What is ViewChild

There is declaration in component: export class GlossariesComponent implements OnInit { @ViewChild(UploaderComponent, {static: false}) private uploader: UploaderComponent; } Does it mean that I ...
0
votes
0answers
12 views

How to use jquery UI autocomplete feature in angular 5?

I have followed below steps : 1) Installed jquery-ui by following command npm install jquery jquery-ui jquery-ui-dist --save 2) Added the scripts in .angular-cli.json file "scripts": [ ".....
0
votes
0answers
8 views

How to implement JsPdf to generate pdf of html page in Angular 5?

What are the mistake I have done, I am not getting. This is the function which i made for generate Pdf. declare let jsPDF: any; generatePdf() { const pdf = new jsPDF("p", "pt", "a4"); const ...
1
vote
1answer
32 views

Angular 5 : Autosugesstion - Working fine in chrome, having issues in Internet Explorer

I am using Angular 5, and i have used following code to implement autosuggestion feature, getting the suggestion values from an API HTML Code : <div class="col col-lg-4"> <...
0
votes
0answers
30 views

Getting 'this.editAction not a function exception' when passing as promise to grand child component in angular(4)

I have parent component which passes a promise to grand child component. I am facing some weird this is not a function when calling that method from parent to grand child. I am sending the function ...
0
votes
0answers
27 views

How to display block after all children blocks in Angular using projection? (for guru)

I have a component that is iterated recursive: <app-block [form]="form" *ngFor="let form of formService.roots()"></app-block> And inside <app-block> there is recursion: <!-- ...
0
votes
2answers
25 views

How to add attribute to DOM element?

I need to add attribute multiple to element: <mat-select [formControlName]="field.name" multiple> But add this by condition: I have tried: <mat-select [formControlName]="field.name"...
0
votes
1answer
38 views

When to use resolvers Angular?

In which cases do you use resolvers in Angular? I think it takes a lot of performance, in which case it has optimize using? Could I reuse resolver and cache it?
0
votes
1answer
44 views

How to notify that element form was changed?

I have some forms are generated by FormGroup. class FormGroupCustom { form: FormGroup; } let forms: FormGroupCustom[] = []; for(let i = 0; i <= 10; i++) { this.forms.push({"formName": i, "...
-1
votes
0answers
31 views

How to make Locale dynamic for date Format angular?

I want to fetch the locale from the list of locale and the whole application should according to that locale of country for date Format? I added the imports for a few countries like Swedish, Norway, ...
-1
votes
2answers
57 views

How can we avoid calling a service each time a recursive component, in which it is provided, is instantiated?

Here is a typical component that has FormService in providers: @Component({ selector: "app-block", templateUrl: "./block.component.html", styles: ['.block_children { padding-left: 50px;}'], ...
0
votes
1answer
30 views

How to add meta data for formControl?

I have array of forms FormGroup; let forms = [this.form1, this.form2]; Each form has several controls: FormControl. How to add additional data to FormControl for example type of element (input, ...
1
vote
1answer
30 views

Highcharts custom symbol

I am trying to add custom symbol in angular 5 project. This is my code: import * as Highcharts from "highcharts"; Highcharts.Renderer.prototype.symbols.line, function(x, y, width, height) { ...
0
votes
1answer
51 views

How to nested one component into another?

Now in main component I do iteration of items = [1,2,3]: <ng-content *ngFor="item in items"> <app-form [item]="item"></app-form> </ng-content> As result I get this: <...
0
votes
0answers
29 views

How to get element from QueryList and insert it to template?

@Component({ selector: 'my-app', template: ` <alert type="success"></alert> <alert type="danger"></alert> <alert type="info"></alert> `, }) export ...
0
votes
0answers
20 views

How to reorder DOM elements(component) by order rules, complecated question?

I think this question should be interesting. I have a component that creates and returns reactive form: @Component({ selector: 'app-form', template: ` <div class="form"><form [...
0
votes
2answers
61 views

How to reload or refresh only child component in Angular 8

I have two components, One parent and Other Child. HTML Part <div> <div class="row col-md-12"> <div class="col-md-4"> <!-- Some HTML Code of Parent component over ...
1
vote
0answers
50 views

Paginated view pages in angular

I am trying to display an array of objects as Word document view pages using ngFor. To do that, I have prepared a temporary object and it is working fine and I am able to display it as pages based on ...
0
votes
2answers
62 views

How do I bind values of edit form with array of object in angular 5?

I have an Array of Student Objects. The interface looks something like this: interface Student { title: string; firstName: string; lastName: string; dob: string; age: number; } I want to ...
1
vote
1answer
59 views

Click outside directive with ngIf?

I use the following directive to detect and hide block if click was outside concrete DOM element: import { Directive, ElementRef, Output, EventEmitter, HostListener } from "@angular/core"; ...
0
votes
2answers
68 views

How to improve this code Angular and call method once?

I have a DOM structure: <div class="dropmenu_block_header" *ngIf="getLanguages(group).length"> <div *ngFor="let language of getLanguages(group); trackBy: trackByFn"></div> </...
2
votes
1answer
43 views

Why change event is not working for input?

I have the following input element: <input range [btnClass]="'close_input_button'" type="text" class="reset-border-right" formControlName="parentId1Name" ...
-1
votes
0answers
16 views

Clone values of particular columns in aggrid angular typescript

Aggrid having two columns and three rows. One column with drop down having country values and another colum with button. When click on button in a cell, the selected value of drop-down in that row ...
0
votes
1answer
32 views

InvalidPipeArgument: '' for pipe 'AsyncPipe'

timers: Observable<ITimer>[]=[]; Template is: <div *ngFor="let item of timers | async"> {{ item.time }} <div (click)="remove(item.index)">Remove</div> </div> Why I ...
0
votes
2answers
95 views

ERROR in Error: The translation file (src/locale/messages.fr.xlf) locale must be provided

I am trying to create individual packages for each language. I have used the below command for my angular 8 application which works fine. But when I use the same command in Angular. The translation ...
-1
votes
0answers
28 views

Angular 8 html changes need restart ng serve to refresh screen correctly

I am facing a very wired issue. All it happened was after I upgrade to Angular 8. The issue is I need restart ng serve every time after any changes on html file. Acturally, angular engine can detect ...
0
votes
0answers
12 views

Invalid blueprint: web-worker

I am trying to implement web-worker. I did install web-worker on my project with, ng install web-worker Then i executed the ng generate web-worker app It is throwing error "Invalid blueprint: ...
0
votes
2answers
41 views

Angular using function inside interpolation {{function()}} what does it mean and is it a good practice

What does using function inside string interpolation mean here? <p>{{trackTotal()}}</p> For any change, even putting some value in input on same page also it is called: trackTotal() ...
0
votes
1answer
40 views

provider.ngAfterViewInit is not a function in Angular using ngIf?

There is component that is activated by ngIf: <filter-dialog *ngIf="isFilterOpen()"></filter-dialog> Where: isFilterOpen() { return FilterService.isOpen; } Component class is: ...
0
votes
1answer
38 views

fromEvent rxjs Angular 5 is not properly working

I have create radio buttons from an array i.e ['Yes','No'] <mat-radio-group class="tt" style="display: inline-block" formControlName="recursive" > <div class="opt" *ngFor="let t of ...
0
votes
2answers
26 views

Redirect page with condition from routing file in Angular 5

I want to redirect page from my app-routing.module.ts file I have two domain i) abcd.in ii) abcd.hk, so i want to redirect in different page from both Domain Below is my routing file code { path: ...
0
votes
1answer
49 views

Should i upgrade to Angular 8 to migrate Web App to NativeScript?

The Web App is built in Angular 5. I have not found any tutorials or docs that clearly define this. NativeScript has some really good tutorials on how to migrate from Angular 8 to NativeScript, but i ...
0
votes
4answers
40 views

Why formatting data is not working Angular?

I use the following pattern: {{ item.EVPDATA | date: "dd.mm.yyyy HH:mm" }} Value item.EVPDATA is UNIX time 1566473370: I get formatted data as: 19.07.1970 07:07 Why I get wrong data?
0
votes
0answers
26 views

Angular 7 Run time error: StaticInjectorError[n -> n]

When i am trying to work this app in local it is working fine, but when i am trying to build angular project ng build --prod showing the following error. I tried with ng build --aot but got same ...
0
votes
1answer
37 views

I need to make rows and columns in angular 6 using recursion in which row can columns and columns have any numbers of row

I tried using making it using dynamic HTML but I unable to call click event in dynamic HTML. This is what is tried by myself my .ts file htmlgrid:any; jsonData:any; ngOnInit(){ this.htmlgrid= this....
0
votes
0answers
75 views

Npm packages are not installed by usimg NPM install command

I am working on a project based on Angular5. I need to set up an Angular5 code. When I open my code in visual studio code and try to install the packages by using the "NPM Install" command. I am ...
0
votes
0answers
36 views

how child component is updated using onpush?

I am understanding how onPush change detection works in angular. Much of the concept I am cleared. But there is one thing which I am also finding hard to get on Google. Scenario, Suppose we have a ...
0
votes
1answer
38 views

Angular 5: How to use one form group in different components?

The following question is about Angular 5. I have a form component MyForm.Form.ts which is displayed in multiple parent components. However, there are two form controls (let's call them agency_email ...
1
vote
2answers
156 views

Angular detect value change on input fields

Not using Angular forms. Simply input box, currently able to detect if there is change on values on Input Box. <input [(ngModel)] = 'data.name' (change)='detectChange(data.name)' /> Suppose ...
1
vote
1answer
49 views

Angular 5 condition inside interpolation

UTQG{{ x?.a }}{{ x?.b }}{{ x?.c }} Hello, This is the existing piece of code. i want to display 'N/A' if x?.a=== undefined x?.b=== undefined x?.c === undefined. all three are strings. it should ...
0
votes
2answers
51 views

How to read Json file and use in everywhere as service?

I need to create global dictionary with translations in Angular and I want to use this dictionary in each component. I have created a custom service: import { Injectable } from "@angular/core"; ...
1
vote
1answer
42 views

Angular : pass optional data within route

I'm using angular 5 , I ve a long routing file : const homeRoutes: Routes = [ { path: 'home', component: HomeComponent, children: [ { path: 'registration', component: ...
1
vote
0answers
82 views

how to use Forward slashes as URL in angular 5 router

Have some special requirement like double slashes must be in URL like below http://localhost:3000/search//37.77/-122.419/nearby Note : That double forward slashes after the search is required. ...
1
vote
2answers
51 views

ng2-daterangepicker Angular 5 | Show only time and skip date part

Here is the DateRange Picker for Angular 5, I've checked the documentation as well as the Github docs but couldn't find the solution. My question is, can we only show the time picker and skip the date ...