将变量从一个组件传递到另一个组件

Question

我想将一个变量中的值从一个组件传递到另一个组件，这就是我得到的（是angular1）

  BuscarPlaya(){
console.log("Prueba");
var pais = $("#paisSelect").val();
var provincia = $("#provinciaSelect").val();
var ciudad = $("#ciudadSelect").val();
var playas= $("#playaSelect").val();
console.log(pais);
console.log(provincia);
console.log(ciudad);
console.log(playas);

if ((ciudad=="2")){
  this.comillas=true;
} else if ((ciudad=="1")){
  this.santander=true;
}

if ((pais=="1") && (provincia=="1")&&(ciudad=="1")&&(playas=="1")){
  console.log("se escogio la playa el sardinero");
  this.latitudBusqueda=43.473424;
  this.longitudBusqueda=-3.782104;
}
}

我尝试通过这种方式做到了，但它无法正常工作

    import { Component, OnInit, Input} from '@angular/core';
    import { AgmCoreModule } from '@agm/core';

    @Component({
    selector: 'app-prueba',
    templateUrl: './prueba.component.html',
    styleUrls: ['./prueba.component.css']
    })
    export class PruebaComponent implements OnInit {
    @Input('latitudBusqueda') lat:number;
    @Input('longitudBusqueda') lng:number;

    constructor() { }

    ngOnInit() {
    }
    }

如何让这些变量在我的PruebaComponent html中运行