CommonModule

ngmodule

Contents

Exports all the basic Angular directives and pipes, such as NgIf, NgForOf, DecimalPipe, and so on. Re-exported by BrowserModule, which is included automatically in the root AppModule when you create a new app with the CLI new command.

      
      class CommonModule {
}

Description

The providers options configure the NgModule's injector to provide localization dependencies to members.
The exports options make the declared directives and pipes available for import by other NgModules.

Providers

Provider
{ provide: NgLocalization, useClass: NgLocaleLocalization } `{ provide: NgLocalization, useClass: NgLocaleLocalization }`

Directives

Name	Description
NgClass `NgClass`	Adds and removes CSS classes on an HTML element.
NgComponentOutlet `NgComponentOutlet`	Instantiates a single `Component` type and inserts its Host View into current View. `NgComponentOutlet` provides a declarative approach for dynamic component creation.
NgForOf `NgForOf`	A structural directive that renders a template for each item in a collection. The directive is placed on an element, which becomes the parent of the cloned templates.
NgIf `NgIf`	A structural directive that conditionally includes a template based on the value of an expression coerced to Boolean. When the expression evaluates to true, Angular renders the template provided in a `then` clause, and when false or null, Angular renders the template provided in an optional `else` clause. The default template for the `else` clause is blank.
NgPlural `NgPlural`	Adds / removes DOM sub-trees based on a numeric value. Tailored for pluralization.
NgPluralCase `NgPluralCase`	Creates a view that will be added/removed from the parent `NgPlural` when the given expression matches the plural expression according to CLDR rules.
NgStyle `NgStyle`	An attribute directive that updates styles for the containing HTML element. Sets one or more style properties, specified as colon-separated key-value pairs. The key is a style name, with an optional `.<unit>` suffix (such as 'top.px', 'font-style.em'). The value is an expression to be evaluated. The resulting non-null value, expressed in the given unit, is assigned to the given style property. If the result of evaluation is null, the corresponding style is removed.
NgSwitch `NgSwitch`	A structural directive that adds or removes templates (displaying or hiding views) when the next match expression matches the switch expression.
NgSwitchCase `NgSwitchCase`	Provides a switch case expression to match against an enclosing `ngSwitch` expression. When the expressions match, the given `NgSwitchCase` template is rendered. If multiple match expressions match the switch expression value, all of them are displayed.
NgSwitchDefault `NgSwitchDefault`	Creates a view that is rendered when no `NgSwitchCase` expressions match the `NgSwitch` expression. This statement should be the final case in an `NgSwitch`.
NgTemplateOutlet `NgTemplateOutlet`	Inserts an embedded view from a prepared `TemplateRef`.

Pipes

Name	Description
AsyncPipe `AsyncPipe`	Unwraps a value from an asynchronous primitive.
CurrencyPipe `CurrencyPipe`	Transforms a number to a currency string, formatted according to locale rules that determine group sizing and separator, decimal-point character, and other locale-specific configurations.
DatePipe `DatePipe`	Formats a date value according to locale rules.
DecimalPipe `DecimalPipe`	Transforms a number into a string, formatted according to locale rules that determine group sizing and separator, decimal-point character, and other locale-specific configurations.
DeprecatedCurrencyPipe `DeprecatedCurrencyPipe`	Formats a number as currency using locale rules.
DeprecatedDatePipe `DeprecatedDatePipe`	Formats a date according to locale rules.
DeprecatedDecimalPipe `DeprecatedDecimalPipe`	Formats a number as text. Group sizing and separator and other locale-specific configurations are based on the active locale.
DeprecatedPercentPipe `DeprecatedPercentPipe`	Formats a number as percentage according to locale rules.
I18nPluralPipe `I18nPluralPipe`	Maps a value to a string that pluralizes the value according to locale rules.
I18nSelectPipe `I18nSelectPipe`	Generic selector that displays the string that matches the current value.
JsonPipe `JsonPipe`	Converts a value into its JSON-format representation. Useful for debugging.
KeyValuePipe `KeyValuePipe`	Transforms Object or Map into an array of key value pairs.
LowerCasePipe `LowerCasePipe`	Transforms text to all lower case.
PercentPipe `PercentPipe`	Transforms a number to a percentage string, formatted according to locale rules that determine group sizing and separator, decimal-point character, and other locale-specific configurations.
SlicePipe `SlicePipe`	Creates a new `Array` or `String` containing a subset (slice) of the elements.
TitleCasePipe `TitleCasePipe`	Transforms text to title case. Capitalizes the first letter of each word, and transforms the rest of the word to lower case. Words are delimited by any whitespace character, such as a space, tab, or line-feed character.
UpperCasePipe `UpperCasePipe`	Transforms text to all upper case.