Angular

dropdown list doesn't work in my application angular i did every thing but not working

Hey guys, I want to implement pdf preview and i have to name the pdf from api. How can I get a preview on Behalf of the name?

Ankit RaiFeb 3, 202483310

Hi, I added ngbdatepicker in ag grid cell. Unfortunately the calendar is coming inside the cell. Here is my code. <input data-input type="text" class="form-control" autocomplete="off" [(ngModel)]="model" [container]="'body'" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" placement="bottom-right" (dateSelect) = "onDateSelect($event)" size="13">

Hi, Can you tell me - How to upgrade the moment.js version in angular . Thanks

Hi, I am trying to edit a date cell by following this documentation ag grid official documentation. I did installed "jquery": "^3.7.1" as well. I am getting below error when i run the code. Error: src/app/features/project-info/pages/plan-info/plan-info.component.ts:123:20 - error TS2339: Property 'datepicker' does not exist on type 'JQuery<HTMLInputElement>'. 123 $(this.eInput).datepicker({ ~~~~~~~~~~ Datepicker class: class DatePicker implements ICellEditorComp { getValue() { return this.eInput.value; } isPopup?(): boolean { // and we could leave this method out also, false is the default return false; } afterGuiAttached?(): void { this.eInput.focus(); this.eInput.select(); } getGui(): HTMLElement { return this.eInput; } eInput!: HTMLInputElement; // gets called once before the renderer is used init(params: ICellEditorParams) { // create the cell this.eInput = document.createElement('input'); this.eInput.value = params.value; this.eInput.classList.add('ag-input'); this.eInput.style.height = 'var(--ag-row-height)'; this.eInput.style.fontSize = 'calc(var(--ag-font-size) + 1px)'; $(this.eInput).datepicker({ dateFormat: 'dd/mm/yy', onSelect: () => { this.eInput.focus(); }, }); }}

I am getting below error when using Angular Material datepicker in Angular ag grid. error NG8002: Can't bind to 'matDatepicker' since it isn't a known property of 'input'. HTML Code: <input matInput [matDatepicker]="picker" /> <mat-datepicker-toggle matIconSuffix [for]="picker"> <mat-icon matDatepickerToggleIcon>keyboard_arrow_down</mat-icon> </mat-datepicker-toggle> <mat-datepicker #picker></mat-datepicker>

In App.routing In App routing const routes: Routes = [ { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'login', component: LoginComponent }, { path: 'dashboard', loadChildren: () => import('./admin.module').then(m => m.AdminModule)}] @NgModule({ imports: [ RouterModule.forRoot(routes) ], exports: [RouterModule] }) in the Admin routing const routes: Routes = [ { path: '', component: AdminComponent, children: [ { path: '', component: DashboardComponent } ] } ]; @NgModule({ imports: [ RouterModule.forChild(routes) ], exports: [RouterModule] }) <router-outlet></router-outlet> in the AdminComponent.html

Hi, I have an edit modal popup form (reactive). while loading the modal popup form controls are not being set with the values i get from api. Console window gets the data but patchValue block is getting skipped without assigning the actual data. // Load data this.editdata = item; //getting projectId data correctly here in this.editdata this.editForm.patchValue( /// not working. this line getting skipped and going out of this block { projectId:this.editdata[0].projectId, }); Form group initialization code: editForm = this.builder.group({ projectId: this.builder.control(''), projectType: this.builder.control(''), planNumber: this.builder.control(''), planName: this.builder.control(''),

I am using Ag-grid component. I want to edit the row data in a modal popup from cellRenderer image icon or a button. any help?

How to Raed data from JSON file in synchronous mode using Angular 15

I created a new Angular project using ng new ProjectName command. Then I found that the size of the node_modules folder in my project happens to be 290MB. This is strange, why should I lose so much disk space for each and every project I create. Any idea how to reduce this size?

I work on angular 9 i sarch more for different between promise and observable on angular 9 but i can't know what different so can any one help me and tell me what different between both promise and observable and which is best for use ?

I need to add multi-language support to my Angular app. Any advice or best practices for implementing internationalization and localization (i18n) in Angular?

Saravanan GanesanDec 26, 20231,00110

"What's the preferred state management approach in Angular? Should I go with NgRx, Akita, or stick to Angular services for state management?"

Saravanan GanesanDec 26, 202389210

I am new to angular , I learned myself and implemented following code , but this.data is always shows as ‘undefined’. this.data is always coming has ‘undefined’ – Please let me know what mistake I am doing, Functionality of my code :- It simple angular page where I upload the .csv file with 5 headers and some data in these columns in the file. After I click on upload same .csv file should be saved to server. Below is my code, here I am passing filename and file content (in json format) to my .net webAPI, my webapi will save the file to server. Please let me know why the this.data is always shows as undefined To save the new file to server, what ever I have implemented is that correct approach ? this is my web API code :- public class SaveModel { public string FileName { get; set; } public string DestinationPath { get; set; } public IEnumerable<string> Lines { get; set; } } [Route("FileSave")] public ActionResult FileSave([FromBody] SaveModel model) { try { this.SaveOperation(model.FileName, model.DestinationPath, model.Lines); return this.Ok(); } catch (Exception ex) { this.logger.Error("File Save failed.", ex); } } public void SaveOperation(string filename, string destinationPath, IEnumerable<string> lines) { StringBuilder stringBuilder = new StringBuilder(); foreach (var line in lines) { stringBuilder.AppendLine(line); } var byteArray = Encoding.UTF8.GetBytes(stringBuilder.ToString()); this.CreateCSVFile(destinationPath, filename, new MemoryStream(byteArray)); } CreateCSVFile // this is my code where it calls server and place the .csv file HTML Code : <di

Inbuilt filters are not working when we use [data]='DataView' instead of using [KendoGridBinding]='DataView.data'. Here, 'DataView: GridDataResult' represents our paginated data array.

What role does AngularJS play in elevating the web development game for healthcare entrepreneurs?

Martha SnooperNov 24, 202390610

How to Get and Set cookies values from angular response body