ss-angular | AngularJS integrations to SocketStream | Crawler library

My Angular button keeps re-rendering repeatedly, I think its linked to the way I handle the application of my [ngClass], as per the comment in Multiple conditions in ngClass - Angular 4.

HTML

I am trying to deploy angular web app on AWS serverless Lambda following the tutorial https://medium.com/better-programming/getting-started-with-serverless-angular-universal-on-aws-lambda-8754bcc4dc19

It was working fine till last week, but started to throw error "Error: Cannot find module '@vendia/serverless-express'" even though there is no mention of '@vendia/serverless-express' anywhere. The generated lambda.js uses'aws-serverless-express'.

Installed '@vendia/serverless-express' through npm, it got added to package.json. Deployed post that, still error is reported.

Steps to reproduce:

1. Ensure angular version is 7 or less as toolkit doesn't work with higher version
2. ng new project-name --style css --routing false
3. cd project-name
4. ng add @ng-toolkit/universal@7.1.2
5. npm run build:prod
6. npm run server
7. ng add @ng-toolkit/serverless@8.1.0
8. npm i serverless-api-compression
9. npm run build:serverless:deploy

Let me know in case of any further information required. Thanks in advance!

Seems I provide too much information, the main question is how can I call a method in the child component from the parent template click() event.

When a Materialize Select component is initialized with a "static" element (i.e. included in an HTML markup or previously inserted into DOM), everything works as expected:

I was following along this awesome tutorial about compiling your Angular project with Angular SSR. https://blog.daudr.me/painless-angular-ssr/. It said it is possible to run it on a Shared Webhosting. What I found out is that it isn't generating the html directly in the source. However locally it is working fine.

Is it possible that the webhosting needs a Node Express framework to make this happening?

I found this very helpful github project which is a proof of concept to make angular work in an extension of Azure DevOps. Everything works fine until i want to use the build in rest api's like "VSS/Service" or "TFS/VersionControl/GitRestClient". I found out that when i add to the includes from the tsconfig.app.json my visual studio codium ide recognizes the types in my component with import { VssService } from 'VSS/Service'; but when i try to build the file with ng build the following error comes up:

I have been trying to get Cypress code coverage working with my Angular production project to no avail.

To try and help diagnose it, I have created a minimal implementation project to make sure I wasn't introducing anything weird in the production version, which I don't think I am as the same issue is still happening. It's starting to drive me mad!

I have used a few references and as far as I can see I have the things in place I need to:

• Cypress Coverage Documentation
• Article 1
• Code Example (older dependencies)

As far as I can tell the Angular and Cypress side is all hooked up and am getting output in the .nyc_output folder and a coverage report. However the report is not indicating typescript line coverage or including those stats.

I have seen this but didn't seem to help.

Code Instrumentation (webpack extension + angular.json):

I am trying to have an angular component that can dynamically position and resize div elements depending on how many div elements are to be displayed. This is what I have achieved so far.

EDIT: If you checkout my stackblitz example I am using display: flex (thus flexbox). The issue I am having is how can I make sure that a row will at most only have 3 divs and then wrap to the next line and that the divs length will always be the same?

.

EDIT 2: My goal is that when there is one or two divs the length of the div is half that of the container. That is why I put a 'ruler' at the top in the image below. If there are more than 2 divs the length of the divs should be 1/3 of the length of the container. And a row should be filled by three divs before wrapping to the next row.

Below is a visual representation of what I am trying to achieve:

All the divs in a particular set are of the same width and height.

I see how I can hack around by using calc() in width but then I will have to pass the number of divs variable to my css file. Also I am aware that using Multiple conditions in ngClass - Angular 4 is an option, but I would like to use that if I did not have any other option.

How can I achieve what I am trying to achieve with css only (if possible)? If it is not possible to use css only I will gladly take any other recommendation.

This question is related to the question I asked here, but this is a more specific question, so I'm asking it separately.

I have an Angular Universal web app that I want to deploy on an Apache web server. I installed pm2 to start the app and keep it alive. It's listening on port 4000. It shows no errors in the logs, but I'm getting a 403 when I go to the website.

I think something in the .htaccess file is incorrect or something needs to be configured in the httpd.conf file. I'm confused as to what exactly needs to be in those files, because several links/articles I've read show different configurations. Some say you only need the .htaccess file. Other say you also need to configure a virtual host in the httpd.conf file (which I can't reach, because I don't have root privileges on the server).

This is how the folder structure looks like: