<div class="contact-type-menu">
    <form>
        <md-select placeholder="Contact Type">
        <md-option *ngFor="let type of types" [value]="type.value">
            {{ type.viewValue }}
        </md-option>
        </md-select>
    </form>
</div>

types = [
    {value: 'Mother'},
    {value: 'Father'},
    {value: 'Guardian'},
    {value: 'Relative'},
    {value: 'Other'},
];

.contact-type-menu {
  margin-top: 40px;
}