chore: update cheatsheet for new provider syntax (#9227)

modules/@angular/docs/cheatsheet/bootstrapping.md

@@ -8,11 +8,11 @@ Bootstrapping
 
 @cheatsheetItem
 syntax(ts dart):
-`bootstrap​(MyAppComponent, [MyService, provide(...)]);`|`provide`
+`bootstrap​(MyAppComponent, [MyService, { provide: ... }]);`|`provide`
 syntax(js):
 `document.addEventListener('DOMContentLoaded', function () {
   ng.platform.browser.bootstrap(MyAppComponent,
-    [MyService, ng.core.provide(...)]);
+    [MyService, { provide: ... }]);
 });`|`provide`
 description:
 Bootstraps an application with MyAppComponent as the root component and configures the DI providers. {@target js}Must be wrapped in the event listener to fire when the page loads.{@endtarget}

modules/@angular/docs/cheatsheet/component-configuration.md

@@ -9,9 +9,9 @@ so the `@Directive` configuration applies to components as well{@endtarget}
 
 @cheatsheetItem
 syntax(ts dart):
-`viewProviders: [MyService, provide(...)]`|`viewProviders:`
+`viewProviders: [MyService, { provide: ... }]`|`viewProviders:`
 syntax(js):
-`viewProviders: [MyService, ng.core.provide(...)]`|`viewProviders:`
+`viewProviders: [MyService, { provide: ... }]`|`viewProviders:`
 description:
 Array of dependency injection providers scoped to this component's view.
 

modules/@angular/docs/cheatsheet/dependency-injection.md

@@ -8,26 +8,26 @@ Dependency injection configuration
 
 @cheatsheetItem
 syntax(ts dart):
-`provide(MyService, {useClass: MyMockService})`|`provide`|`useClass`
+`{ provide: MyService, useClass: MyMockService }`|`provide`|`useClass`
 syntax(js):
-`ng.core.provide(MyService, {useClass: MyMockService})`|`provide`|`useClass`
+`{ provide: MyService, useClass: MyMockService }`|`provide`|`useClass`
 description:
 Sets or overrides the provider for MyService to the MyMockService class.
 
 
 @cheatsheetItem
 syntax(ts dart):
-`provide(MyService, {useFactory: myFactory})`|`provide`|`useFactory`
+`{ provide: MyService, useFactory: myFactory }`|`provide`|`useFactory`
 syntax(js):
-`ng.core.provide(MyService, {useFactory: myFactory})`|`provide`|`useFactory`
+`{ provide: MyService, useFactory: myFactory }`|`provide`|`useFactory`
 description:
 Sets or overrides the provider for MyService to the myFactory factory function.
 
 
 @cheatsheetItem
 syntax(ts dart):
-`provide(MyValue, {useValue: 41})`|`provide`|`useValue`
+`{ provide: MyValue, useValue: 41 }`|`provide`|`useValue`
 syntax(js):
-`provide(MyValue, {useValue: 41})`|`provide`|`useValue`
+`{ provide: MyValue, useValue: 41 }`|`provide`|`useValue`
 description:
 Sets or overrides the provider for MyValue to the value 41.

modules/@angular/docs/cheatsheet/directive-configuration.md

@@ -17,8 +17,8 @@ Does not support parent-child relationship selectors.
 
 @cheatsheetItem
 syntax(ts dart):
-`providers: [MyService, provide(...)]`|`providers:`
+`providers: [MyService, { provide: ... }]`|`providers:`
 syntax(js):
-`providers: [MyService, ng.core.provide(...)]`|`providers:`
+`providers: [MyService, { provide: ... }]`|`providers:`
 description:
 Array of dependency injection providers for this directive and its children.