diff --git a/adev/src/app/routes.ts b/adev/src/app/routes.ts index 56954a23cf9..19d52536465 100644 --- a/adev/src/app/routes.ts +++ b/adev/src/app/routes.ts @@ -122,6 +122,10 @@ const FOOTER_ROUTES: Route[] = mapNavigationItemsToRoutes( const API_REFERENCE_ROUTES: Route[] = mapApiManifestToRoutes(); const REDIRECT_ROUTES: Route[] = [ + { + path: 'guide/pipes/**', + redirectTo: 'guide/templates/pipes', + }, { path: 'guide/templates/attribute-binding', redirectTo: 'guide/templates/binding#binding-dynamic-properties-and-attributes', diff --git a/adev/src/assets/BUILD.bazel b/adev/src/assets/BUILD.bazel index b0ad024697e..de22b46e5d7 100644 --- a/adev/src/assets/BUILD.bazel +++ b/adev/src/assets/BUILD.bazel @@ -21,7 +21,6 @@ copy_to_directory( "//adev/src/content/guide/i18n", "//adev/src/content/guide/ngmodules", "//adev/src/content/guide/performance", - "//adev/src/content/guide/pipes", "//adev/src/content/guide/routing", "//adev/src/content/guide/signals", "//adev/src/content/guide/templates", diff --git a/adev/src/content/guide/i18n/format-data-locale.md b/adev/src/content/guide/i18n/format-data-locale.md index 74819de24b0..016ae5c3141 100644 --- a/adev/src/content/guide/i18n/format-data-locale.md +++ b/adev/src/content/guide/i18n/format-data-locale.md @@ -1,6 +1,6 @@ # Format data based on locale -Angular provides the following built-in data transformation [pipes](guide/pipes). +Angular provides the following built-in data transformation [pipes](guide/templates/pipes). The data transformation pipes use the [`LOCALE_ID`][ApiCoreLocaleId] token to format data based on rules of each locale. | Data transformation pipe | Details | diff --git a/adev/src/content/guide/ngmodules/bootstrapping.md b/adev/src/content/guide/ngmodules/bootstrapping.md index 41fcf183cb4..933b48d5234 100644 --- a/adev/src/content/guide/ngmodules/bootstrapping.md +++ b/adev/src/content/guide/ngmodules/bootstrapping.md @@ -42,7 +42,7 @@ The module's `declarations` array tells Angular which components belong to that As you create more components, add them to `declarations`. The `declarations` array only takes declarables. -Declarables are [components](guide/components), [directives](guide/directives), and [pipes](guide/pipes). +Declarables are [components](guide/components), [directives](guide/directives), and [pipes](guide/templates/pipes). All of a module's declarables must be in the `declarations` array. Declarables must belong to exactly one module. The compiler returns an error if declare the same class in multiple modules. @@ -103,7 +103,7 @@ And in the same file, add it to the `@NgModule` `declarations` array: Now you can use `ItemDirective` in a component. This example uses `AppModule`, but you would follow the same steps for a feature module. For more about directives, see [Attribute Directives](guide/directives/attribute-directives) and [Structural Directives](guide/directives/structural-directives). -You'd also use the same technique for [pipes](guide/pipes) and [components](guide/components). +You'd also use the same technique for [pipes](guide/templates/pipes) and [components](guide/components). Remember, components, directives, and pipes belong to one module only. You only need to declare them once in your application because you share them by importing the necessary modules. diff --git a/adev/src/content/guide/testing/pipes.md b/adev/src/content/guide/testing/pipes.md index 8a9c4c0b0b9..260f73a70dd 100644 --- a/adev/src/content/guide/testing/pipes.md +++ b/adev/src/content/guide/testing/pipes.md @@ -1,6 +1,6 @@ # Testing Pipes -You can test [pipes](guide/pipes) without the Angular testing utilities. +You can test [pipes](guide/templates/pipes) without the Angular testing utilities. ## Testing the `TitleCasePipe` diff --git a/adev/src/content/reference/errors/NG0302.md b/adev/src/content/reference/errors/NG0302.md index d4af2a210d4..6e12e27ee3b 100644 --- a/adev/src/content/reference/errors/NG0302.md +++ b/adev/src/content/reference/errors/NG0302.md @@ -4,7 +4,7 @@ Angular can't find a pipe with this name. -The [pipe](guide/pipes) referenced in the template has not been named or declared properly. +The [pipe](guide/templates/pipes) referenced in the template has not been named or declared properly. To use the pipe: diff --git a/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md b/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md index 44ef5c77c96..9a960c64654 100644 --- a/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md +++ b/adev/src/content/tutorials/learn-angular/steps/23-pipes-format-data/README.md @@ -44,7 +44,7 @@ template: ` ` -For extra fun, try some different parameters for `date`. More information can be found in the [Angular docs](guide/pipes). +For extra fun, try some different parameters for `date`. More information can be found in the [Angular docs](guide/templates/pipes). @@ -59,7 +59,7 @@ template: ` ` -You can also try different parameters for `currency`. More information can be found in the [Angular docs](guide/pipes). +You can also try different parameters for `currency`. More information can be found in the [Angular docs](guide/templates/pipes). @@ -67,6 +67,6 @@ You can also try different parameters for `currency`. More information can be fo Great work with pipes. You've made some great progress so far. -There are even more built-in pipes that you can use in your applications. You can find the list in the [Angular documentation](guide/pipes). +There are even more built-in pipes that you can use in your applications. You can find the list in the [Angular documentation](guide/templates/pipes). In the case that the built-in pipes don't cover your needs, you can also create a custom pipe. Check out the next lesson to find out more.