如何使用Angular 7从另一个组件访问组件值

我使用此代码从组件StripeComponent到CreditCardComponent访问“地址”值。我得到一个空值的地址，而不是StripeComponent中的实际值

这是我在CreditCardComponent中的子代码：

import { StripeComponent} from '../stripe/stripe.component';

@Component({
  providers: [StripeComponent],
  selector: 'app-creditcard',
  templateUrl: './creditcard.component.html',
  styleUrls: ['./creditcard.component.css']
})
export class CreditCardComponent implements OnInit {

  @Input() address : Address;
  @Input('address') ccAddress: Address;

  constructor(private creditCardService: CreditCardService,

  public stripeScriptTag: StripeScriptTag) {
    this.stripeScriptTag.setPublishableKey( this.publishableKey )
    this.ccAddress = this.creditCardComponent.ccAddress;
    console.log('this is the ccAddress', this.ccAddress);
}

这是StripeComponent中的父代码

public address =
new Address(
  {
    name:"",
    address_city: "",
    address_line1: "",
    address_line2: "",
    address_state: "",
    address_zip: "",
    address_country: ""
  }
)

这是Stripecomponent.html代码，creditcardcomponent.html没有html

<div class = form>
  <form (ngSubmit)="onSubmitAddress()"  class="address" >

    <mat-form-field class="name-width-height">
      <input matInput name="name" 
       type="text" required [(ngModel)]="address.name"
     >
     <mat-placeholder class="placeholder">Name</mat-placeholder>
    </mat-form-field>


       <button type="submit" mat-raised-button color="primary"class="btn 
     address_form">Submit</button>
  </form>
</div>