Master Angular for production apps. Learn components, templates, reactive forms, routing, state management, HttpClient, RxJS, testing, performance, and SSR. Follow patterns for modular architecture, accessibility, internationalization, and CI/CD-ready deployments.
4,465 posts1,098 contributors
[Route("api/[controller]")] [ApiController] public class QuizzController : ControllerBase { private readonly ApplicationDbContext _context; public QuizzController(ApplicationDbContext context) { _context = context; } // =============================== // CLAIM HELPERS (FAST) // =====================
Hello Everyone I have one doubt in my Angular Project How to optimize or increase performance of Angular 7 Project ? Tell me all the ways Thank you
Hi, Kindly let me know how to redirect from one component to another in Angualar 8 like Login component to Homepage component. Thanks Sathish
Dear all, I hope you are doing well. I am using Angular 7 with ASP .net MVC with REST Api. I want to use wysiwyg editor in Angular 7, but I am not able to install it. Every time I am trying to install it I am getting error. I was trying to install some editors those are : - CKEditor 5 - npm install --save @ckeditor/ckeditor5-angular RichTextEditor Syncfusion - npm i @syncfusion/ej2-angular-richtexteditor --save ngx-quill - npm install ngx-quill Angular Froala WYSIWYG Editor - npm install angular-froala-wysiwyg and many more. I am getting error everytime whenever try to install editor is :- Please let me know any solution on this. Thanking you in advance.
Anyone please tell me am new to angular which version of angular is correct for learning angular
What is Azure Active Directory and how to use in asp.net core.
What is Data Binding in Angular? Which type of Data Binding does Angular?
In Angular, I have a FormArray with around 21 form controls per row. When I try to load and display 20,000 records, the UI freezes and the API response takes a long time to load and render the data.
const primaryScreenWidth = 1680; // Primary screen width const extendedScreenWidth = 2560; // Assume extended screen width (adjust accordingly) const windowWidth = 800; const windowHeight = 600; // Open the window on the extended screen const newWindow = window.open( '', '_blank', width=${windowWidth},height=${windowHeight},left=${extendedScreenWidth},top=100 ); if (newWindow) { setTimeout(() => { // Move the window to the extended screen (assume extended screen is on the right) newWindow.moveTo(extendedScreenWidth + 100, 100); // Adjust if needed newWindow.resizeTo(windowWidth, windowHeight); console.log("Window moved to extended screen"); }, 500); } else { console.error("Failed to open new window"); } my screen size = 1680; The popup window opens on the primary screen instead of the extended screen. However, if moved manually, it displays correctly on the extended screen. Additionally, how can I detect an extended screen in Angular?
Hi Api - onlinetestapi.gerasim.in/api/TeamSync/GetAllEmployee TypeError: value.replace is not a function at _MatColumnDef._setNameInput (table.mjs:243:41) at set name (table.mjs:365:10) at applyValueToInputField (core.mjs:4035:29) at writeToDirectiveInput (core.mjs:11096:13) at setInputsForProperty (core.mjs:12391:9) at elementPropertyInternal (core.mjs:11692:9) at Module.??property (core.mjs:21289:9) at DynamicMatTableComponent_ng_container_19_Template (dynamic-mat-table.component.html:25:61) at executeTemplate (core.mjs:11268:9) at refreshView (core.mjs:12791:13) arrParentHead = ['Name','Email'] lstParent: any = []; <section class="content"> <div class="content-block"> <app-dynamic-mat-table [lstChild]="lstParent" [arrChildHead]="arrParentHead" ></app-dynamic-mat-table> </div> </section> export class DynamicMatTableComponent implements OnInit,AfterViewInit,OnChanges { @Input() title?: string; @Input() arrChildHead: string[] = []; @Input() lstChild: any[] = []; } <div class="body overflow-auto"> <div class="responsive_table"> <mat-table [dataSource]="dataSource" class="w-100" matSort> <ng-container *ngFor="let column of lstChild" [matColumnDef]="column"> <th mat-header-cell *matHeaderCellDef> {{ column }} </th> <td mat-cell *matCellDef="let element"> {{ element[column] }} </td> </ng-container> <tr mat-header-row *matHeaderRowDef=
Angular application returning 404 error (whitelabel error) with nested module routers path links, which angular application(having auth guards for each request) has been added under static folder of resources of spring boot application,no issues with hyperlinks of app router paths, it's failing when nested module routers loadig along with app router hyper link paths. Actually app router path having logic to load nested module with loadchildren method. Gone through many online articles but these solutions working till app router paths only , not handing nested routers with app router paths. Can please anybody help with this issue.
Hello, I need help understanding how to build a Blog Management System using Angular (version 16) for the frontend and .NET Core 8 for the backend API. Please attached project zip file. The system will include the following features: User Registration User Login User Authentication View All Blogs Add New Blog (with image upload and CKEditor integration) Edit Blog Delete Blog Activate/Deactivate Blogs Backend: .NET Core 8 API Database: SQL Server Frontend: Angular v16
What is the Architecture of Angular, components and usage in web development Also, how can we integrate angular apps into detonate applications
Hi Good Evening , I want add the new column exsisitng json below mentioned JSON file { "name": "page3", "title": "Blood Pressure Form", "elements": [ { "type": "text", "name": "question23", "title": "Sys/Dia" }, { "type": "radiogroup", "name": "question24", "title": "BP Treated", "choices": [ "Yes", "No" ] }, { "type": "text", "name": "question25", "title": "Pulse" } ] }
The popularity of mobile devices has pushed the need for high-performant eCommerce websites with faster load times. It is advisable to hire AngularJS developers from an experienced AngularJS development company for headless Magento development. Expert developers from an AngularJS development services company can easily deploy a headless implementation in Magento using AngularJS, which enhances the HTML so that it can be properly used for single-page web application development.
Hi I am getting below error - <nav class="navbar navbar-expand-sm bg-light justify-content-center"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" routerlink="dashboard">Link 1</a> </li> </ul> </nav> <div class="container-fluid mt-3"> <router-outlet></router-outlet> </div> [ERROR] NG8001: 'router-outlet' is not a known element: 1. If 'router-outlet' is an Angular component, then verify that it is included in the '@Component.imports' of this component. 2. If 'router-outlet' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@Component.schemas' of this component to suppress this message. [plugin angular-compiler] src/app/Pages/layout/layout.component.html:16:4: 16 ¦ <router-outlet></router-outlet> thanks.
I am looking for a good example of using ExceptionHandler for Global Error Pages in .net 8? anyone a help me on this. Appricated !
Hell everyone, since we don't have login feature for application we don't have user authentication and API are anonymous acces. to handle this scenario we are passing static token in header and validating in server side but still it is not sufficient beacuse token is static I need some help in creating dynamic secrets in angular and that shoul be validated in server side. Let me know if any idea's on this.
DevSocialUpcoming · 3rd editionAI Agents ConferenceNov 23–27, 2026Live onlineMembers only16days leftRegister