Sei que já faz tempo a questão. Mas, eu também procurei e custei achar a resposta. Como consegui, irei responder. Para futuras consultas.
No HTML:
<select class="form-control" type="number" [(ngModel)]="cidadeId" (ngModelChange)="onAddCidade()" >
<option *ngFor="let cidades of cidade" [ngValue]="cidades.Id">
<p>{{ cidades.Id }}, {{ cidades.NomeCidade }}, {{ cidades.PaisCidade }}</p>
</option>
</select>
Onde:
type="number" -> Tipo da variável que irá pegar.
[(ngModel)]="cidadeId" -> Campo da variável que irá para o component
[ngValue]="cidades.Id" -> Esse campo será qual você quer pegar
(ngModelChange)="onAddCidade()" -> Função que irá ser chamada para executar algo ao selecionar.
No caso do exemplo acima, está pegando o campo Id do objeto Cidades.
No Component:
cidadeId: number; // Declaração da variável (Precisa ter o Mesmo nome da ngModel.).
//id: number
onAddCidade(){ // Função que foi chamada
this.cidadeId = +this.cidadeId;
console.log("estou no cidade compo... " + this.cidadeId); // Imprimiu o valor no Console log.
console.log(this.number) // outra forma de imprimir.
}