mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
42289f25c6
The purpose of the changes is to clean all markdown to match a single pedantic style.
* To ensure all changes in style are properly separated.
* To ensure all styled content aligns to nearest 4-character-tab.
* To ensure all code blocks use the Angular `<code-example>` or `<code-tab>` elements.
* To ensure all markdown exists outside of html tags.
* To ensure all images use the Angular style for `<img>` elements.
* To ensure that all smart punctuation is replaced or removed.
```text
’, ’, “, ”, –, —, …
```
* To ensure all content does not conflict with the following reserved characters.
```text
@, $, *, &, #, |, <, >,
```
* To ensure all content displays using html entities.
The following changes were made to files in the following directory.
```text
aio/content
```
The target files were markdown files.
The list of excluded files:
```text
.browserslistrc, .css, .conf, .editorconfig, .gitignore, .html, .js, .json, .sh, .svg, .ts, .txt, .xlf,
```
PR Close #45325
42 lines
1.1 KiB
Markdown
42 lines
1.1 KiB
Markdown
@name Argument Not Literal
|
|
@category compiler
|
|
@shortDescription Decorator argument is not an object literal
|
|
|
|
@description
|
|
To make the metadata extraction in the Angular compiler faster, the decorators `@NgModule`, `@Pipe`, `@Component`, `@Directive`, and `@Injectable` accept only object literals as arguments.
|
|
|
|
This is an [intentional change in Ivy](https://github.com/angular/angular/issues/30840#issuecomment-498869540), which enforces stricter argument requirements for decorators than View Engine.
|
|
Ivy requires this approach because it compiles decorators by moving the expressions into other locations in the class output.
|
|
|
|
@debugging
|
|
Move all declarations:
|
|
|
|
<code-example format="typescript" language="typescript">
|
|
|
|
const moduleDefinition = {…}
|
|
|
|
@NgModule(moduleDefinition)
|
|
export class AppModule {
|
|
constructor() {}
|
|
}
|
|
|
|
</code-example>
|
|
|
|
into the decorator:
|
|
|
|
<code-example format="typescript" language="typescript">
|
|
|
|
@NgModule({…})
|
|
export class AppModule {
|
|
constructor() {}
|
|
}
|
|
|
|
</code-example>
|
|
|
|
<!-- links -->
|
|
|
|
<!-- external links -->
|
|
|
|
<!-- end links -->
|
|
|
|
@reviewed 2022-02-28
|