321 questions
1 vote
2 answers
7k views
Angular 4 routing: navigate to home page
I have the following routes defined: const appRoutes: Routes = [ { path: 'signup', component: SignupComponent }, { path: 'home', component: HomeComponent }, { path: '**', component: ...
0 votes
1 answer
366 views
Angular 4 search box with duplicate text
Angular 4 serach box issue How to stop the value in second search box text when we enter value in one text box. we have multiple searchbox for each of the item in my page.when we type any text in one ...
0 votes
0 answers
54 views
Reset the drop down values in angular4 with customized fields
While migrating old angular app to angular 4 I came across this in .js file customized dropdown hps-dropdown model="studentRequest.CountryType" reset-id="countryResetId" is-required="false" options=...
0 votes
1 answer
520 views
Ionic 3 how to receive an array from one page to another page
I need to pass an array from one page to another. In the first page the array is created by selecting items from a list and it push all itemes ok, but when I received this array in another page, it ...
0 votes
1 answer
2k views
Got Error: Cannot match any routes. URL Segment:
Angular App throwing Cannot match any routes error with XSS script in URL : I am developing an application in Angular 4. When I am trying to write routes for a feature module, I am getting an error ...
-1 votes
1 answer
716 views
how to replace space with plus(+) url in angular 5?
I need to remove %20 to + sign angular5 following URL http://localhost:4200/listings?item=peter%20in%20england&id=158525 this.router.navigate(['/listings'], { queryParams: { 'item': searchstring,...
0 votes
2 answers
123 views
I am not able to see one component in DOM if i include router-outlet directive. There is no error message
app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@...
2 votes
0 answers
599 views
multiple layout routes protected by auth guard service is not working properly
In My Angular App i Have three different layouts for three different users adminlayout for admin xyzlayout for company customerlayout for Customer i have set up three different modules and routing ...
0 votes
0 answers
221 views
Angular - App not routing properly on manual page refresh
In My Angular App I have setup the routing app.routing.ts as shown below: const routes: Routes = [{ path: '', redirectTo: '/login', pathMatch: 'full', canActivate: [LoginGuard] }, { ...
1 vote
0 answers
121 views
How to get previous page url while navigating to new page in angular 4
I tried given below code. But previous url can't get in service pages previousUrl: string; constructor(router: Router) { router.events .filter(event => event instanceof NavigationEnd) ....
0 votes
3 answers
645 views
how to load the angular 6 application fast in browser?
how to reduce the time for loading of the application. My angular6 application has one app module. under the app module, I have so many components like home, signup, login, user-dashboard, client-...
2 votes
1 answer
61 views
In angular 4 project, When I removed # from url. After removing # I am facing page refresh related issue
When I removes # from angular 4 project using following code. in app.module.ts file imports: [ ... RouterModule.forRoot(routes, { useHash: true }) // remove second argument ] and in providers @...
0 votes
2 answers
457 views
An error occurred attempting to determine the process id of dotnet.exe which is hosting your application.A task was canceled
When I try to startup my project w/ IIS Express I get the error: enter image description here
0 votes
0 answers
64 views
On opening new tab the previous tab freezes in Angular4
I am using router.navigate in Angular4, but the problem with this is on opening the new tab the previous tab freezes for seconds. In other words, I cannot perform any operation on the first tab till ...
1 vote
0 answers
243 views
Angular: Router links change after routing in nested router
I have the following page in my Ionic/Angular project: <nav mat-tab-nav-bar> <a mat-tab-link [routerLink]="['./', { outlets: { sub: ['a'] } }]" routerLinkActive #a="...