docs: update getting started topics to avoid duplicate topic names (#35457)
PR Close #35457
This commit is contained in:
David Shevitz
Miško Hevery
parent
96cdf035d8
commit
c414f45ddf
|
|
@ -117,7 +117,7 @@ You will see:
|
|||
<div class="alert is-helpful">
|
||||
|
||||
Getting Started assumes the [StackBlitz](https://stackblitz.com/) online development environment.
|
||||
To learn how to export an app from StackBlitz to your local environment, skip ahead to the [Deployment](start/deployment "Getting Started: Deployment") section.
|
||||
To learn how to export an app from StackBlitz to your local environment, skip ahead to the [Deployment](start/start-deployment "Getting Started: Deployment") section.
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -67,22 +67,22 @@
|
|||
"tooltip": "Introduction to Angular's component model, template syntax, and component communication."
|
||||
},
|
||||
{
|
||||
"url": "start/routing",
|
||||
"url": "start/start-routing",
|
||||
"title": "Routing",
|
||||
"tooltip": "Introduction to routing between components using the browser's URL."
|
||||
},
|
||||
{
|
||||
"url": "start/data",
|
||||
"url": "start/start-data",
|
||||
"title": "Managing Data",
|
||||
"tooltip": "Introduction to services and accessing external data via HTTP."
|
||||
},
|
||||
{
|
||||
"url": "start/forms",
|
||||
"url": "start/start-forms",
|
||||
"title": "Forms",
|
||||
"tooltip": "Learn about fetching and managing data from users with forms."
|
||||
},
|
||||
{
|
||||
"url": "start/deployment",
|
||||
"url": "start/start-deployment",
|
||||
"title": "Deployment",
|
||||
"tooltip": "Move to local development, or deploy your application to Firebase or your own server."
|
||||
}
|
||||
|
|
|
|||
|
|
@ -358,5 +358,5 @@ You've learned about the foundation of Angular: components and template syntax.
|
|||
You've also learned how the component class and template interact, and how components communicate with each other.
|
||||
|
||||
To continue exploring Angular, choose either of the following options:
|
||||
* [Continue to the "Routing" section](start/routing "Getting Started: Routing") to create a product details page that can be accessed by clicking a product name and that has its own URL pattern.
|
||||
* [Skip ahead to the "Deployment" section](start/deployment "Getting Started: Deployment") to move to local development, or deploy your app to Firebase or your own server.
|
||||
* [Continue to the "Routing" section](start/start-routing "Getting Started: Routing") to create a product details page that can be accessed by clicking a product name and that has its own URL pattern.
|
||||
* [Skip ahead to the "Deployment" section](start/start-deployment "Getting Started: Deployment") to move to local development, or deploy your app to Firebase or your own server.
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
# Managing Data
|
||||
# Getting Started with Angular: Managing Data
|
||||
|
||||
At the end of [Routing](start/routing "Getting Started: Routing"), the online store application has a product catalog with two views: a product list and product details.
|
||||
At the end of [Routing](start/start-routing "Getting Started: Routing"), the online store application has a product catalog with two views: a product list and product details.
|
||||
Users can click on a product name from the list to see details in a new view, with a distinct URL, or route.
|
||||
|
||||
This page guides you through creating the shopping cart in three phases:
|
||||
|
|
@ -29,7 +29,7 @@ about products in the cart.
|
|||
|
||||
<div class="alert is-helpful">
|
||||
|
||||
Later, the [Forms](start/forms "Getting Started: Forms") part of
|
||||
Later, the [Forms](start/start-forms "Getting Started: Forms") part of
|
||||
this tutorial guides you through accessing this cart service
|
||||
from the page where the user checks out.
|
||||
|
||||
|
|
@ -362,5 +362,5 @@ Now that your app can retrieve shipping data, create a shipping component and t
|
|||
Congratulations! You have an online store application with a product catalog and shopping cart. You can also look up and display shipping prices.
|
||||
|
||||
To continue exploring Angular, choose either of the following options:
|
||||
* [Continue to the "Forms" section](start/forms "Getting Started: Forms") to finish the app by adding the shopping cart page and a checkout form.
|
||||
* [Skip ahead to the "Deployment" section](start/deployment "Getting Started: Deployment") to move to local development, or deploy your app to Firebase or your own server.
|
||||
* [Continue to the "Forms" section](start/start-forms "Getting Started: Forms") to finish the app by adding the shopping cart page and a checkout form.
|
||||
* [Skip ahead to the "Deployment" section](start/start-deployment "Getting Started: Deployment") to move to local development, or deploy your app to Firebase or your own server.
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
# Deployment
|
||||
# Getting Started with Angular: Deployment
|
||||
|
||||
|
||||
To deploy your application, you have to compile it, and then host the JavaScript, CSS, and HTML on a web server. Built Angular applications are very portable and can live in any environment or served by any technology, such as Node, Java, .NET, PHP, and many others.
|
||||
|
|
@ -6,7 +6,7 @@ To deploy your application, you have to compile it, and then host the JavaScript
|
|||
<div class="alert is-helpful">
|
||||
|
||||
|
||||
Whether you came here directly from [Your First App](start "Getting Started: Your First App"), or completed the entire online store application through the [Routing](start/routing "Getting Started: Routing"), [Managing Data](start/data "Getting Started: Managing Data"), and [Forms](start/forms "Getting Started: Forms") sections, you have an application that you can deploy by following the instructions in this section.
|
||||
Whether you came here directly from [Your First App](start "Getting Started: Your First App"), or completed the entire online store application through the [Routing](start/start-routing "Getting Started: Routing"), [Managing Data](start/start-data "Getting Started: Managing Data"), and [Forms](start/start-forms "Getting Started: Forms") sections, you have an application that you can deploy by following the instructions in this section.
|
||||
|
||||
|
||||
</div>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
# Forms
|
||||
# Getting Started with Angular: Forms
|
||||
|
||||
At the end of [Managing Data](start/data "Getting Started: Managing Data"), the online store application has a product catalog and a shopping cart.
|
||||
At the end of [Managing Data](start/start-data "Getting Started: Managing Data"), the online store application has a product catalog and a shopping cart.
|
||||
|
||||
This section walks you through adding a form-based checkout feature to collect user information as part of checkout.
|
||||
|
||||
|
|
@ -82,4 +82,4 @@ To confirm submission, open the console where you should see an object containin
|
|||
|
||||
Congratulations! You have a complete online store application with a product catalog, a shopping cart, and a checkout function.
|
||||
|
||||
[Continue to the "Deployment" section](start/deployment "Getting Started: Deployment") to move to local development, or deploy your app to Firebase or your own server.
|
||||
[Continue to the "Deployment" section](start/start-deployment "Getting Started: Deployment") to move to local development, or deploy your app to Firebase or your own server.
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
# Routing
|
||||
# Getting Started with Angular: Routing
|
||||
|
||||
At the end of [Your First App](start "Getting Started: Your First App"), the online store application has a basic product catalog.
|
||||
The app doesn't have any variable states or navigation.
|
||||
|
|
@ -73,7 +73,7 @@ The product details component handles the display of each product. The Angular R
|
|||
The `ActivatedRoute` is specific to each routed component that the Angular Router loads. It contains information about the
|
||||
route, its parameters, and additional data associated with the route.
|
||||
|
||||
By injecting the `ActivatedRoute`, you are configuring the component to use a service. While this part of the Getting Started tutorial uses this syntax briefly, the [Managing Data](start/data "Getting Started: Managing Data") page covers services in more detail.
|
||||
By injecting the `ActivatedRoute`, you are configuring the component to use a service. While this part of the Getting Started tutorial uses this syntax briefly, the [Managing Data](start/start-data "Getting Started: Managing Data") page covers services in more detail.
|
||||
|
||||
|
||||
1. In the `ngOnInit()` method, subscribe to route parameters and fetch the product based on the `productId`.
|
||||
|
|
@ -111,5 +111,5 @@ Congratulations! You have integrated routing into your online store.
|
|||
* Users can click on a product name from the list to see details in a new view, with a distinct URL/route.
|
||||
|
||||
To continue exploring Angular, choose either of the following options:
|
||||
* [Continue to the "Managing Data" section](start/data "Getting Started: Managing Data") to add a shopping cart feature, use a service to manage the cart data and use HTTP to retrieve external data for shipping prices.
|
||||
* [Skip ahead to the Deployment section](start/deployment "Getting Started: Deployment") to deploy your app to Firebase or move to local development.
|
||||
* [Continue to the "Managing Data" section](start/start-data "Getting Started: Managing Data") to add a shopping cart feature, use a service to manage the cart data and use HTTP to retrieve external data for shipping prices.
|
||||
* [Skip ahead to the Deployment section](start/start-deployment "Getting Started: Deployment") to deploy your app to Firebase or move to local development.
|
||||
|
|
@ -30,6 +30,12 @@
|
|||
{"type": 301, "source": "/getting-started", "destination": "/start"},
|
||||
{"type": 301, "source": "/getting-started/:rest*", "destination": "/start/:rest*"},
|
||||
|
||||
// Renaming of Getting Started topics
|
||||
{"type": 301, "source": "/start/data", "destination": "/start/start-data"},
|
||||
{"type": 301, "source": "/start/deployment", "destination": "/start/start-deployment"},
|
||||
{"type": 301, "source": "/start/forms", "destination": "/start/start-forms"},
|
||||
{"type": 301, "source": "/start/routing", "destination": "/start/start-routing"},
|
||||
|
||||
// some top level guide pages on old site were moved below the guide folder
|
||||
{"type": 301, "source": "/styleguide", "destination": "/guide/styleguide"},
|
||||
{"type": 301, "source": "/docs/styleguide", "destination": "/guide/styleguide"},
|
||||
|
|
|
|||
|
|
@ -131,6 +131,18 @@
|
|||
"!/news",
|
||||
"!/news.html",
|
||||
"!/news/",
|
||||
"!/start/data",
|
||||
"!/start/data/",
|
||||
"!/start/data.html",
|
||||
"!/start/deployment",
|
||||
"!/start/deployment/",
|
||||
"!/start/deployment.html",
|
||||
"!/start/forms",
|
||||
"!/start/forms/",
|
||||
"!/start/forms.html",
|
||||
"!/start/routing",
|
||||
"!/start/routing/",
|
||||
"!/start/routing.html",
|
||||
"!/styleguide",
|
||||
"!/styleguide/**",
|
||||
"!/testing",
|
||||
|
|
|
|||
|
|
@ -172,10 +172,10 @@
|
|||
/docs/ts/latest/api/testing/fakeAsync-function.html /api/core/testing/fakeAsync
|
||||
/docs/ts/latest/cookbook/ts-to-js.html https://v2.angular.io/docs/ts/latest/cookbook/ts-to-js.html
|
||||
/getting-started /start
|
||||
/getting-started/routing /start/routing
|
||||
/getting-started/data /start/data
|
||||
/getting-started/forms /start/forms
|
||||
/getting-started/deployment /start/deployment
|
||||
/getting-started/routing /start/start-routing
|
||||
/getting-started/data /start/start-data
|
||||
/getting-started/forms /start/start-forms
|
||||
/getting-started/deployment /start/start-deployment
|
||||
/guide/cli-quickstart /start
|
||||
/guide/learning-angular /start
|
||||
/guide/learning-angular.html /start
|
||||
|
|
@ -187,5 +187,9 @@
|
|||
/guide/webpack https://v5.angular.io/guide/webpack
|
||||
/news https://blog.angular.io/
|
||||
/news.html https://blog.angular.io/
|
||||
/start/data /start/start-data
|
||||
/start/deployment /start/start-deployment
|
||||
/start/forms /start/start-forms
|
||||
/start/routing /start/start-routing
|
||||
/testing /guide/testing
|
||||
/testing/first-app-tests.html /guide/testing
|
||||
Loading…
Reference in New Issue