angular2 | Angular2 Course Tuts Codes | Command Line Interface library

I have an array like this:

I was working with angular2-highcharts it was working since angular 8 but found its not working after I upgrade to angular 11

Here is my snippet

I have a dotnet 5 web API with an Angular2+ front end, which I'm building from a previous 3.1 MVC version of the app. I'm having an issue with CORS while looking to authenticate with Yahoo that I did not have with the MVC version. The error I am getting is:

"Access to XMLHttpRequest at 'https://api.login.yahoo.com...' (redirected from 'https://localhost:5003/api/draft/yahooauth/') from origin 'https://localhost:5003' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource."

My API Controller:

I run ng serve and there is the error about angular-devkit. So I installed it, but I got this error :

I have a multiple user Angular app, with a module for each user (because they have totally different accessible pages), like this:

• app.module.ts
• app-routing.module.ts
• login/
  • login.component.ts
• admin/
  • pages/
    • user-management/
    • configuration/
  • admin.module.ts
  • admin-routing.module.ts
• user/
  • pages/
    • task-management/
    • configuration/
  • user.module.ts
  • user-routing.module.ts
• guest/
  • pages/
  • guest.module.ts
  • guest-routing.module.ts

From the login page (/login from app-routing), I want to redirect to each module based on the credentials the user provided, but NOT with children routes like /user /admin or /guest

Instead, when an admin logs in, I want the URL to be reset. So, for example, the admin should not see the paths /admin/user-management or /admin/configuration; it just accesses /user-management or /configuration

Is this possible? Will it be a problem if I have a /configuration route for both admin and user?

EDIT: Here's a Stackblitz working example. Take a look at the URL routes when logged in.

EDIT 2: In the Stackblitz example, you can see the original problem on master and the working solution on solution branches.

I am running two Angular2+ projects and a Laravel API on my server together. The first angular project is a public website for users (SSR enabled), the second angular project is Admin Panel (SSR not enabled), these two projects run on Laravel API. I have a strange problem with sitemap creation.

I am using this library for sitemap creation and also Laravel API is running on Apache Server.

The problem is The sitemap creation process is taking too much time (Apr. 70 seconds) This problem occurred after enabling server-side rendering on my angular project. If I disable SSR, the problem not occurs. While the angular SSR project is running based on Node.js, the sitemap creation process increases Node.js resource usage (CPU up to 85%) and therefore this process takes 1 minute to complete. This is strange because Laravel is running on the Apache server and the admin can create a sitemap, because SSR is not enabled for the admin panel, it shouldn't be related to the Node.js server.

Here is my SSR enabled angular project (when idle):

Here is my process list:

This ss taken when executing following code: $sitemap = SitemapGenerator::create($website->url)->getSitemap();

As you can see Node process is consuming all CPU resources.

How did I understand sitemap generation is getting slow the performance?

Sitemap generation code here:

In my application, i'm using react with keycloak authentication. And i'm trying to secure my back end vertx APIs using the received token from keycloak. I followed this blog http://paulbakker.io/java/jwt-keycloak-angular2/

i'm calling like this from react

I am trying to take the below block from a template: https://demos.creative-tim.com/material-dashboard-angular2

After launching the project on the local computer, the link http://localhost:4200/homepage opens (if the user is authorized). When I hover over the website tab, the link http://localhost:4200/#messages is displayed. If I click on it, it is redirected to the link http://localhost:4200/homepage. And we return to the starting position. Anchor doesn't work, tabs don't switch. Help find the error. My project structure:

Code from home-page.component.html:

I'm trying to limit the time subscriptions are cached in rxjs. Previously the caching was done with pipe(publishReplay(1), refCount()). After finding this nice answer and reading the docs, I found out that this cache time can be limited by passing a second parameter to publishReplay. Example: publishReplay(1, 60 * 1000)

I tried to make a minimal example: