### File

`src/app/checkout/address/delivery-address/delivery-address.component.ts`

### Implements

`OnInit`

### Metadata

selector | `app-delivery-address`
styleUrls | `delivery-address.component.scss`
templateUrl | `./delivery-address.component.html`

### Inputs

`address` | Type: `Address`
Defined in src/app/checkout/address/delivery-address/delivery-address.component.ts:11

### Constructor

`constructor()`
Defined in src/app/checkout/address/delivery-address/delivery-address.component.ts:11

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/checkout/address/delivery-address/delivery-address.component.ts:15
Returns: `void`

    import { Address } from './../../../core/models/address';
    import { Component, OnInit, Input } from '@angular/core';

    @Component({
      selector: 'app-delivery-address',
      templateUrl: './delivery-address.component.html',
      styleUrls: ['./delivery-address.component.scss']
    })
    export class DeliveryAddressComponent implements OnInit {

      @Input() address: Address;

      constructor() { }

      ngOnInit() {
      }

    }

    <div class="items">
      <div class="address-row">
        <div class="name">{{address.full_name}}</div>
        <div class="address">
          <div class="address-content">
            <div class="address-field">{{address.address1}}</div>
            <div class="address-field">{{address.address2}}</div>
            <span class="address-field">{{address.city}}</span>
            <span class="address-field">-{{address.zipcode}}</span>
            <div class="mob">
              <span class="mob-lbl">Mobile: </span>
              <span class="mob-no">{{address.phone}}</span>
            </div>
          </div>
        </div>
        <div class="serviceability">
          <div class="try-and-buy">
            <span class="mid-dot">•</span>
            Try and Buy available
          </div>
          <div class="cod">
            <span class="mid-dot">•</span>
            Cash/Card on Delivery available
          </div>
          <div class="standard">
            <span class="mid-dot">•</span>
            Standard Delivery available
          </div>
        </div>
        <button class="select"></button>
        <!--<div class="remove-edit">
          <span class="remove">Remove</span>
          <span class="edit">Edit</span>
        </div>-->
      </div>
    </div>

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""