I'm new at this of deploying my apps, I have one app finished and ready to deploy, also I already do the build section, so i have the dist folder, but if you remember in Anguar 16 < you only have some js files and one html in dist. But now I have some files and other 2 new folders, browser and server. And I don't know if I have to do the same as always, just copy and paste the folder in plesk, or something more. Also this is an apache server so the documentation of angular gives you a configuration for the htaccess, but with this new version it changes? This is the first time I use a server ..read more

I have a form that has 3 fields that get put into an API call as query params. When a button is hit the form is submitted and the API is called and data is put into a table. The table is an Angular Material table, this works well but I want to recall the API with data from the paginated table. So my initial thought was to listen to events from the table for changes to the page events but this proved challenging as it emits on page load. So how I started to structure it was having the button emit onto a subject but it looks like the Angular Pagination for the material table emits right away on ..read more

I have a new computer (it worked on my previous computer) and installed angular via cli and when looking at the information on the version the Angular: appeared and I tried doing the same steps as this post (link) but they didn't work and I'm stuck on what to do next. I need this version for an existing project I am working on. PS C:\Users\pnguy10\middleware-ui> ng v _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_ ..read more

I'm new to the iframe-resizer library and was wondering if I could get some advice/suggestions/recommendations re: a question I have for using iframe-resizer in an ASP.NET Web forms app, using Master Pages and Angular (16.2.12). I have an old legacy application written in C# using Master Pages (.NET Framework 4.5.2). One of the content pages is using an iframe for hosting an Angular app. I need the iframe page to automatically adjust to the content's height of the Angular app pages. I have added the iframeResizer.js file to the asp:Content placeholder section of the ASP.Net solution and the if ..read more

i have a parent component : Parent List contains two child components (first-child list , second-child list ) in the second child list component : i have a mat table that receive the data to display as input data so i create the data Source in the ng OnChanges with the instance of Mat Table Data Source), i use the selection Model to handle the selection row (iuse isAllSelected and master Toggle methods ). i need to pass the selected rows to the first child component , i use service that contains behaviour subject so i next the data by using the set Data methods . in the first child component i ..read more

I have a stacked bar chart that I want to display the number of each bar instead of using the tooltip. This is my current code: datalabels :{ anchor:'end', align:'top', formatter:(value, context) =>{ const datasetArray = []; context.chart.data.datasets.forEach((dataset) => { if(dataset.data[context.dataIndex] != undefined){ datasetArray.push(dataset.data[0]); } }); function totalSum(total, datapoint){ return parseInt(total)+parseInt(datapoint); } let sum = datasetArray.reduce(totalSum, 0); if(context.datasetIndex === datasetArray.length-1){ return sum; }else{ return ''; } } } I followe ..read more

I have simple test of mat-checkbox wrapper in Angular. I want to check if mat-ripple disappeared after blur event. Looks like fakeAsync in that case doesn't work it('test for checkbox', fakeAsync(() => { expect(fixture.nativeElement.querySelectorAll('.mat-ripple-element').length) .toBe(0, 'NO RIPPLE'); // DISPATCH PART dispatchFakeEvent(inputElement, 'keydown'); dispatchFakeEvent(inputElement, 'focus'); tick(5000); expect(fixture.nativeElement.querySelectorAll('.mat-ripple-element').length) .toBe(1, 'RIPPLE VISABLE'); dispatchFakeEvent(checkboxInstance._inputE ..read more

How do I replace the static array data to the response data from API request? I have a sample array of data below I want to replace that data with the data I get from an API response, How do I do that? Currently using a template on this project, not sure what I'm doing. import { Mailbox } from './email'; export const mailboxList: Mailbox[] = [ { MailId: 'bb428c03-1bc6-4f3d-9d5e-268ec44eebc3', fromId: '899d0e31-b71e-4d95-a8a0-6a8bceb314bd', Subject: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.', date: new Date('1-15-2020'), Message: '1.The phrase Lore ..read more

I developed a website using Angular, I want to publish it online and bought a domain from Squarespace.com. After that if I go to mydomain.com it apper a default squarespace page with the indication "We're under construction. Please check back for an update soon". After that I choose firebase hosting for deploy my angular website. Following the instruction I installed firebase with npm and I updated my app component and deployed my application, so I see it online on the two firebase default domains: mydomain.web.app and mydomain.firebase.com. So, I started to configure my custom domain followin ..read more

One component has this Router Link <span [routerLink]="deltaLink() ? '../../' + deltaLink() : null" [fragment]="'header-' + headerText()" [@fadeInOut] > sync_problem </span> Page with fragment link In the other component, I create the link reference <div > <div [attr.id]="'header-' + headerText()"> <p>{{headerText()}}</p> </div> </div> My angular set up looks like this so far App set up @NgModule({ imports: [RouterModule.forRoot(APP_ROUTES, { scrollPositionRestoration: 'enabled', anchorScrolling ..read more