cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: cleanup code snippets for getting started example app (#29837)

Browse Source 
PR Close #29837
This commit is contained in:
Brandon
2019-04-11 09:44:50 -05:00
committed by Ben Lesh
parent 57c8f78c8f
commit 54289aec2d
11 changed files with 64 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
aio/content/examples/getting-started/src/app/cart/cart.component.3.html Normal file
View File

@ -0,0 +1,19 @@
<!-- #docplaster -->
<h3>Cart</h3>
<p>
<a routerLink="/shipping">Shipping Prices</a>
</p>
<div class="cart-item" *ngFor="let item of items">
<span>{{ item.name }} </span>
<span>{{ item.price | currency }}</span>
</div>
<!-- #docregion checkout-form-->
<form [formGroup]="checkoutForm">
<button class="button" type="submit">Purchase</button>
</form>
<!-- #enddocregion checkout-form -->

2
aio/content/examples/getting-started/src/app/cart/cart.component.3.ts
View File

@ -13,7 +13,7 @@ import { CartService } from '../cart.service';
export class CartComponent {
items;
constructor(
constructor(
private cartService: CartService
) {
this.items = this.cartService.getItems();

9
aio/content/examples/getting-started/src/app/cart/cart.component.html
View File

@ -1,5 +1,5 @@
<!-- #docplaster -->
<!-- #docregion checkout-form-1, checkout-form-2 -->
<!-- #docregion checkout-form-2 -->
<h3>Cart</h3>
<p>
@ -11,8 +11,10 @@
<span>{{ item.price | currency }}</span>
</div>
<!-- #docregion checkout-form-1 -->
<form [formGroup]="checkoutForm" (ngSubmit)="onSubmit(checkoutForm.value)">
<!-- #enddocregion checkout-form-1 -->
<!-- #enddocregion checkout-form-1 -->
<div>
<label>Name</label>
<input type="text" formControlName="name">
@ -24,5 +26,6 @@
</div>
<button class="button" type="submit">Purchase</button>
<!-- #docregion checkout-form-1 -->
<!-- #docregion checkout-form-1 -->
</form>

22
aio/content/examples/getting-started/src/app/cart/cart.component.ts
View File

@ -11,22 +11,28 @@ import { CartService } from '../cart.service';
templateUrl: './cart.component.html',
styleUrls: ['./cart.component.css']
})
// #docregion props-services, submit
// #docregion props-services, submit, inject-form-builder, checkout-form, checkout-form-group
export class CartComponent {
items;
// #enddocregion inject-form-builder
checkoutForm;
// #enddocregion checkout-form
// #docregion inject-form-builder
constructor(
private cartService: CartService,
private formBuilder: FormBuilder,
) {
this.items = this.cartService.getItems();
) {
// #enddocregion inject-form-builder
this.items = this.cartService.getItems();
this.checkoutForm = this.formBuilder.group({
name: '',
address: ''
});
this.checkoutForm = this.formBuilder.group({
name: '',
address: ''
});
// #docregion inject-form-builder
}
// #enddocregion inject-form-builder, checkout-form-group
// #enddocregion props-services
onSubmit(customerData) {
@ -36,5 +42,5 @@ export class CartComponent {
this.items = this.cartService.clearCart();
this.checkoutForm.reset();
}
// #docregion props-services
// #docregion props-services, inject-form-builder, checkout-form, checkout-form-group
}