diff --git a/aio/content/guide/attribute-binding.md b/aio/content/guide/attribute-binding.md index da7c722ed8d8d..254374d74b4c2 100644 --- a/aio/content/guide/attribute-binding.md +++ b/aio/content/guide/attribute-binding.md @@ -58,7 +58,7 @@ This binding causes the `` to span two columns. Sometimes there are differences between the name of property and an attribute. -`colspan` is an attribute of ``, while `colSpan` with a capital "S" is a property. +`colspan` is an attribute of ``, while `colSpan` with a capital "S" is a property. When using attribute binding, use `colspan` with a lowercase "s". For more information on how to bind to the `colSpan` property, see the [`colspan` and `colSpan`](guide/property-binding#colspan) section of [Property Binding](guide/property-binding). diff --git a/aio/content/guide/binding-overview.md b/aio/content/guide/binding-overview.md index 5a174fa026882..9336663cbae46 100644 --- a/aio/content/guide/binding-overview.md +++ b/aio/content/guide/binding-overview.md @@ -76,7 +76,7 @@ Conversely, `customer` in the `

` doesn't include Ebony or Chiho because the ## Expression best practices -When using template a expression, follow these best practices: +When using a template expression, follow these best practices: * **Use short expressions** diff --git a/aio/content/guide/change-detection-skipping-subtrees.md b/aio/content/guide/change-detection-skipping-subtrees.md index 6dedd31b439ee..aadb8100b8ab2 100644 --- a/aio/content/guide/change-detection-skipping-subtrees.md +++ b/aio/content/guide/change-detection-skipping-subtrees.md @@ -11,7 +11,7 @@ If you are confident that a part of the application is not affected by a state c OnPush change detection instructs Angular to run change detection for a component subtree **only** when: * The root component of the subtree receives new inputs as the result of a template binding. Angular compares the current and past value of the input with `==` -* Angular handles an event _(e.g. using event binding, output binding, or `@HostListener`)_ in the subtree's root component or any of its children wether they are using OnPush change detection or not. +* Angular handles an event _(e.g. using event binding, output binding, or `@HostListener`)_ in the subtree's root component or any of its children whether they are using OnPush change detection or not. You can set the change detection strategy of a component to `OnPush` in the `@Component` decorator: diff --git a/aio/content/guide/class-binding.md b/aio/content/guide/class-binding.md index 11610b4b94529..8cf3cbd422463 100644 --- a/aio/content/guide/class-binding.md +++ b/aio/content/guide/class-binding.md @@ -10,7 +10,7 @@ Use class and style bindings to add and remove CSS class names from an element's To create a single class binding, type the following: -[class.sale]="onSale" +`[class.sale]="onSale"` Angular adds the class when the bound expression, `onSale` is truthy, and it removes the class when the expression is falsy—with the exception of `undefined`. See [styling delegation](guide/style-precedence#styling-delegation) for more information. @@ -50,7 +50,7 @@ The following table summarizes class binding syntax. To create a single style binding, use the prefix `style` followed by a dot and the name of the CSS style. -For example, set the ‘width’ style, type the following: `[style.width]="width"` +For example, to set the `width` style, type the following: `[style.width]="width"` Angular sets the property to the value of the bound expression, which is usually a string. Optionally, you can add a unit extension like `em` or `%`, which requires a number type. diff --git a/aio/content/guide/interpolation.md b/aio/content/guide/interpolation.md index 183eae51c16a3..109ecdd053c0b 100644 --- a/aio/content/guide/interpolation.md +++ b/aio/content/guide/interpolation.md @@ -10,7 +10,7 @@ Interpolation refers to embedding expressions into marked up text. By default, interpolation uses the double curly braces `{{` and `}}` as delimiters. -To illustrate how interpolation works, consider an Angular component that contains a currentCustomer variable: +To illustrate how interpolation works, consider an Angular component that contains a `currentCustomer` variable: @@ -18,7 +18,7 @@ Use interpolation to display the value of this variable in the corresponding com -Angular replaces currentCustomer with the string value of the corresponding component property. In this case, the value is `Maria`. +Angular replaces `currentCustomer` with the string value of the corresponding component property. In this case, the value is `Maria`. In the following example, Angular evaluates the `title` and `itemImageUrl` properties to display some title text and an image. diff --git a/aio/content/guide/property-binding.md b/aio/content/guide/property-binding.md index 91e1a4f6058d5..606c0fba0365a 100644 --- a/aio/content/guide/property-binding.md +++ b/aio/content/guide/property-binding.md @@ -68,7 +68,7 @@ Declare the `itemImageUrl` property in the class, in this case `AppComponent`. A common point of confusion is between the attribute, `colspan`, and the property, `colSpan`. Notice that these two names differ by only a single letter. -To use property binding using colSpan, type the following: +To use property binding using `colSpan`, type the following: @@ -80,7 +80,7 @@ To set a property of a directive, type the following: -To set the model property of a custom component for parent and child components to communicated, type the following: +To set the model property of a custom component for parent and child components to communicate each other, type the following: diff --git a/aio/content/guide/template-typecheck.md b/aio/content/guide/template-typecheck.md index 8624d4f86f716..fe4d987520763 100644 --- a/aio/content/guide/template-typecheck.md +++ b/aio/content/guide/template-typecheck.md @@ -348,13 +348,13 @@ Care should be taken that if an `ngAcceptInputType_` override is present for a g Disable checking of a binding expression by surrounding the expression in a call to the [`$any()` cast pseudo-function](guide/template-expression-operators). The compiler treats it as a cast to the `any` type just like in TypeScript when a `` or `as any` cast is used. -In the following example, casting `person` to the `any` type suppresses the error `Property addresss does not exist`. +In the following example, casting `person` to the `any` type suppresses the error `Property address does not exist`. @Component({ selector: 'my-component', - template: '{{$any(person).addresss.street}}' + template: '{{$any(person).address.street}}' }) class MyComponent { person?: Person; diff --git a/aio/content/guide/upgrade.md b/aio/content/guide/upgrade.md index dc7ef769a6d90..b0f119f9d4b7c 100644 --- a/aio/content/guide/upgrade.md +++ b/aio/content/guide/upgrade.md @@ -364,7 +364,7 @@ The result is an AngularJS *directive*, which you can then register in the Angul
By default, Angular change detection will also run on the component for everyAngularJS `$digest` cycle. -If you want to only have change detection run when the inputs change, you can set `propagateDigest` to `false` when calling`downgradeComponent()`. +If you want to only have change detection run when the inputs change, you can set `propagateDigest` to `false` when calling `downgradeComponent()`.