Hi, I got error when building the app “Error occurs in the template of component FormDialogComponent.”

Hello

So I have a problem, the sidebar menu with the navigation menus has a problem. If I refresh the page after being authtenticated, the sidebar content ( the menus ) they disappear completely.

I didnt touch the menus code. I only tweaked a bit the auth.guard.ts, but not that much.

export class AuthGuard implements CanActivate { constructor(private router: Router, private authService: AuthService) {} }

canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
  const currentUser = this.authService.getUserDetails();
  console.log(currentUser);
  if (currentUser) {
    if (currentUser.property === null) {
      this.router.navigate(['/account/cedente']);
    }
}

return true;
}

// not logged in so redirect to login page with the return url
this.router.navigate(['/authentication/signin'], {
  queryParams: { returnUrl: state.url },
});
return false;

So I end up in the return true of the authGuard and the sidebar menus disappear. But if I navigate by clicking in the menus it works normally

Thank you

Hi support-team,

I bought the template and wanted to try it out. The first thing which I see when running npm install is this:

” npm install npm WARN deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful. npm WARN deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported npm WARN deprecated @types/ckeditor__ckeditor5-watchdog@37.0.3: This is a stub types definition. @ckeditor/ckeditor5-watchdog provides its own type definitions, so you do not need this installed. npm WARN deprecated @types/ckeditor__ckeditor5-build-classic@37.0.4: This is a stub types definition. @ckeditor/ckeditor5-build-classic provides its own type definitions, so you do not need this installed.

added 1268 packages, and audited 1269 packages in 52s

186 packages are looking for funding run `npm fund` for details

2 vulnerabilities (1 low, 1 high)

To address all issues possible (including breaking changes), run: npm audit fix—force

Some issues need review, and may require choosing a different dependency.

Run `npm audit` for details. “

can you fix the vulnerabilities, please?

Thanks and best regards, Adam L.

Pucharse code: b1285bdb-56aa-48a8-9435-02ae3832b29d

I am deploying my application in Apache or Nginx and when I enter the route my page opens but it is blank, the page layout does not appear, it is just completely white.

Dear Envato Market Team,

I need your help.

I’m developing the web application by using your “Lorax – Angular 18+ Material Design Admin Template”. I use the Advance-Table with dialog (as your sample code) for doing CRUD.

I found the problem when I added/updated the data to database by calling my web api; if my web api return the error respone, but the data on web page was updated already. (It is not correct)

Can you give me the sample code of the Advance-Table with dialog that it makes the data between the data in database and on web appliation being the same data when the dialog saves data into database?

The sample code may be the sample that the web application waits the web api completely save the data into database; and response the result back to web api before refreshing the data to show on the screen.

My email is prachaya.jongjoho@gmail.com

Thank you very much.

Dear Lorax’s Author,

After bought your template (Lorax Angular 18), I’m using your template to develop my web app. I get some problem; please you give me the suggestion.

I tried to amend the code in function “Login” (containing in file “auth.service.ts” )

The original code: const user = this.users.find((u) => u.username === username && u.password === password);

I need to change this command to be the command that can connect to the Web API for getting the user result.

I change the command to the following:

var userLogin = new UserLogin(); userLogin.Username = username; userLogin.Password = password; var user = this.LoginPosts(userLogin);

while the “LoginPosts” Function is:

LoginPosts(data: any): Observable<any> { return this.httpClient.post<any>(this.apiUrl, data);

The problem is the code cannot connect to the web api.

Note: I did to test my web api by Postman it can work fine.

Could you please give me the suggestion? However, if you have the sample code using to connect to web api under this part, can you please give me the code?

Thank you very much.

Best regards, Prachay Jongjoho

Hello, good morning. I have a question. Could you explain to me why, when I use the tables, they only make one call to the endpoint that fetches the records? It’s as if something is cached, and when I want it to call the new data from the endpoint again, it doesn’t make the call. Could you explain why this happens and how I can fix it?

When I installed it had problems with angular17 and the readme.md file said it was angular 15

Hi, I downloaded the project, and then finished ‘npm-install’ step in main folder. However, i found the error in tsconfg.json “Cannot find type definition file for ‘ckeditor__ckeditor5-adapter-ckfinder’. The file is in the program because: Entry point for implicit type library ‘ckeditor__ckeditor5-adapter-ckfinder’”

what can i do?

Hello , i can’t run ng lint ? any idea please ?

I have some errors in the form, please help me

mat sort in advanced table is not working if ngif is used in it

Hi. On running ng serve I’m getting this error: Error: Failed to initialize Angular compilation – The target entry-point ”@swimlane/ngx-charts” has missing dependencies: – rxjs/Observable – rxjs/add/observable/fromEvent – rxjs/add/operator/debounceTime

Does this support if I upgrade from angular 13 to angular 14

HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Expected whitespace. ╷ 341 │ @media screen and(max-width: 1169px) { │ ^ ╵ src\assets\scss\common\_general.scss 341:18 @import src\assets\scss\style.scss 25:9 root stylesheet

341 │ @media screen and(max-width: 1169px) { │ ^ ╵ src\assets\scss\common\_general.scss 341:18 @import src\assets\scss\style.scss 25:9 root stylesheet

code doesn’t work in starter. =_=

plus code is depricitated ‘D:\Teddy Project\esports-betting\src\assets\scss\style.scss’ imports ‘_{bootstrap/scss/bootstrap’ with a tilde. Usage of ‘}’ in imports is deprecated.

Hi, i’ve sent to to you an email containing two questions, when you are available, can you please answer?

Could you please help with the errors for the demo project? After installing node_modules, when I try to run the project, it says: Cannot find module ’./phone_number’ or its corresponding type declarations. and there are a lot of such modules

Hi, while testing your Lorax angular 14theme, I found that no data is being sent over network. is it implemented. also I could see that there is error in gender selection in ng data table. besides that if I want to customize, how are your charges?

Hello, I can’t seem to activate the settings toggle,

inside the header, help

I tried to create a behavioral object then sending the this.rightSidebarService.setRightSidebar(true);

it doesn’t work in the header component