What would I need to change if I wanted to be able to go directly to the HeroDetailComponent? Say I have an email sent to me with a link to the hero's id: www.example.com/QuickStart/detail/22 I have a project where I am trying to do something similar but the path is overwritten.
On Thursday, January 19, 2017 at 1:40:10 AM UTC-8, Mauro Ebert wrote: > > The solution to my problem (getting the tutorial working in a local IIS > 8.5, as application running under the default website, hence with the URL > like http://localhost/QuickStart/) includes the following steps: > > 1 - web.config: > > <system.webServer> > <defaultDocument> > <files> > <clear /> > <add value="index.html" /> > </files> > </defaultDocument> > <rewrite> > <rules> > *<rule name="Angular2" stopProcessing="true">* > * <match url=".*" />* > * <conditions logicalGrouping="MatchAll">* > * <add input="{REQUEST_FILENAME}" > matchType="IsFile" negate="true" />* > * <add input="{REQUEST_FILENAME}" > matchType="IsDirectory" negate="true" />* > * <add input="{REQUEST_URI}" pattern="^/$" > negate="true"/>* > * </conditions>* > * <action type="Rewrite" url="/QuickStart/" />* > * </rule>* > </rules> > </rewrite> > </system.webServer> > > > 2 - index.html: > > <head> > *<base href="/QuickStart/">* > <title>Angular QuickStart</title> > > > 3 - app-routing.module.ts: > > const routes: Routes = [ > { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, > { path: 'dashboard', component: DashboardComponent }, > { path: 'detail/:id', component: HeroDetailComponent }, > { path: 'heroes', component: HeroesComponent } > ]; > > > The solution should be applicable to any Angular 2 app that needs to be > deployed in IIS, so I hope this helps other people as well! > > Have a nice day, > M > > Op maandag 16 januari 2017 19:31:33 UTC+1 schreef Mauro Ebert: >> >> Hello everybody, >> >> I'm new to Angular 2 and interested in eventually consider adopting it >> for my company's web development projects, so I decided to have a look at >> its capabilities by following the Tour of Heroes tutorial. >> I have used the instructions provided in Cookbook > VS 2015 QuickStart to >> set up the project and add the quickstart-master files. >> >> Everything worked fine until I had to perform the steps in 6. Routing (as >> warned in the instructions at the end of the project setup). >> After following the steps to add the router outlet and link in the code, >> the tutorial app shows the message hard-coded in index.html ("Loading >> AppComponent content here ..."), instead of the app component html. >> >> In order to solve the issue, I then added a rewrite rule into my >> web.config, which contains the following: >> >> <system.webServer> >> <rewrite> >> <rules> >> <rule name="Angular2" stopProcessing="true"> >> <match url=".*" /> >> <action type="Rewrite" url="/" /> >> </rule> >> </rules> >> </rewrite> >> </system.webServer> >> >> Unfortunately, this apparently doesn't help (has no effect) in getting >> the expected behavior back. >> I'd truly appreciate if someone with (some) more knowledge could shed >> some light on the problem, what I am possibly doing wrong and its actual >> solution. >> >> Thank you in advance! >> >> >> >> -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
