Questions tagged angular11

Explore the latest questions and answers asked by our top developers.

Passing data from modal to component

I have a users list with the pagination. I’m using ngbModal for a popup. On close modal how can I send pages data from the edit user modal to the user component? Dialog service openDialog(props: any, component:any): Promise<any> { debugger console.log(props) var modelRef = this.ngbModel.open(component, { size: ‘md ‘, backdrop: ‘static’ }); modelRef.componentInstance.props = props; […]

By Manoj Kumar
Published
Categorized as angular, angular11, typescript Tagged , ,

Angular 11 how to implement table with 2 levels of expandable rows

Which is the best way to implement a table which has two levels of expandable rows and checkboxes for each level? I’ve tried creating a table in which the expandable rows are tables with expandables rows themselves, but I couldn’t make it work and it gave errors with MatTableDataSource. Also i need every row to […]

By Usr
Published
Categorized as angular, angular11, mat-table Tagged , ,

Angular 11 table with two nested expandable rows

I’m having a hard time implementing a table with two levels of nested expandable rows. I’m following this example and I’ve added a second level of expansion, but it’s not working. Here you can find my work. Basically I want to click on row "Street 1, 78542, Kansas" and open it, but I get errors […]

By Usr
Published
Categorized as angular, angular11, html-table, mat-table Tagged , , ,

Angular 11 can’t access object property dynamically

I have to access to a subset of my object properties and store the label and the value in another array. Basically I have this object: myObject: CustomObject { prop1: value1, prop2: value2 prop3: value3 } and as output I need an array with objects of type: {label: string, value: number}. I need to fill […]

By Usr
Published
Categorized as angular, angular11, javascript, typescript Tagged , , ,

How to use angular DatePipe with 0 value?

I’ve been try to use angular DatePipe to convert number to date, but I think there is something wrong. I don’t know where ("maybe some bug"). For an example in my typescript: const ONE_SECOND = 1000 setInterval(() => { this.dateInTime += ONE_SECOND }, ONE_SECOND); My HTML: <h4 class="text-primary"> Result: {{ dateInTime | date: ‘HH : […]

By Titus Sutio Fanpula
Published
Categorized as angular, angular11, date-pipe Tagged , ,

Asp.net mvc 4 integration with Angular 11 app-root not found

I am trying to connect asp.net mvc 4 app with angular 11. Asp.Net Has controllers which handles server side posts to communicate with backend services. So the front end including styles are take care by angular 11 app. Initially i had tried with Asp.net core with angular 11 it worked like a charm, however due […]

By Dilip
Published
Categorized as angular, angular11, asp.net-mvc, asp.net-mvc-4 Tagged , , ,

Range Slider in Angular 10 is not working for decimal values

I am working on a range slider but I observed setting values in decimal is not working fine in Angular 10+. It is strange that if I did the same code in just HTML alone it is working fine. app.component.html: <input #slider3 type="range" min="1.3" max="2.7" value="1.9" step="0.1" /> Result: {{ output}} app.component.ts: @Component({ selector: ‘my-app’, […]

Angular 11 Mat Select change option hight breaks the position

I have the mat select option with country list with similar to the state example here:https://material.angular.io/components/select/overview#select-reset is contains the following css by default: .mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option { font-size: inherit; line-height: 3em; height: 3em; } I would like to change height: 3em; to height: 4em; so I do: .mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option { height: 4em […]

By Juliano
Published
Categorized as angular-material, angular11, mat-select Tagged , ,

At least one of the filed is required validation in Angular 11 reactive forms

I am using Angular 11 reactive forms with below 7 fields. Start Date (Mandatory) End Date (Mandatory) At least one field is filled phone Number address author user ID company My form should be valid only if start and end date are selected and among other five fields, at least one field is filled. How […]

At least one of the filed is required validation in Angular 11 reactive form

I am using Angular 11 reactive form with below 7 fields. Start Date (Mandatory) End Date (Mandatory) At least one field is filled phone Number address author user ID company My form should be valid only if start and end date are selected and among other five fields, at least one field is filled. How […]

1 2 3 44

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq