Remember the Anchor Tag Helper? It’s the one with asp-page and asp-route-{value} attributes that allows us to create <a> links that submit data with a GET request.
Previously we saw how the resulting asp-route-{value} appended a query string to the URL:
The above Razor syntax would render as this HTML:
What happens if our URL template accepts URL segments instead of a query string? It would be defined like this in Blogpost.cshtml:
Here we find another advantage of Tag Helpers over plain HTML: it automatically formats URLs to match the defined template.
When we use URL segments instead of query strings, the old Anchor Tag Helper…
…would render as this HTML…
In review:
asp-page— Sets an anchor tag’shrefattribute value to a specific pageasp-route-{value}— Appends route values to the generatedhrefattribute, either as query string values or URL segments (depending on the route template).{value}is the name of the parameter.
Instructions
We removed the route template for Activity.cshtml (it just uses @page "/Days" now), meaning it again uses query parameters. The Anchor Tag Helpers within the file use the asp-route-day attribute to generate URLs like this:
You can try it for yourself by clicking the links.
Now change the @page line to specify the route template with one optional {day?} parameter. The asp-route-day attribute should now generate URLs like this: