Aset

Это ? Как сделать маску с валидацией для даты в Angular2?

Делайте через валидацию из коробоки. В чем проблема?

в цикле делай items-block-* и это будет ngModel

В цикле создаешь все это массивы
примерно так должно быть

items-block-1 :  {
name: 'имя'
des: 'desc',
date : '27.08.2018
}

items-block-2 :  {
name: 'имя'
des: 'desc',
date : '27.08.2018
}

Дальше обрабатывай массив по форме.

Ну если официальном примере работает, тогда все должна работат. Скорее проблема не правильно формированный массив.
Делайте все по этапу.
1. Запустите сперва пример у себя https://material.angular.io/components/autocomplet...
2. потом к нему прикрутите массив из PostgreSQL.
3. Проверяйте поиск итд

После берите значение ngModel id и поставьте в ngModel name.

Делал такое в Material data picker https://material.angular.io/components/datepicker

в компоненте

import {
    DateAdapter, MAT_DATE_FORMATS, MAT_DIALOG_DATA, MatDateFormats, MatDialog,
    MatDialogRef
} from '@angular/material';

export const MOMENT_DATE_FORMATS: MatDateFormats = {
    parse: {
        dateInput: 'DD.MM.YYYY',
    },
    display: {
        dateInput: 'DD.MM.YYYY',
        monthYearLabel: 'MMMM Y',
        dateA11yLabel: 'LL',
        monthYearA11yLabel: 'MMMM Y'
    }
};

Инпут

<mat-form-field class="px-20" fxFill>
            <input
                    [(ngModel)]="children.date_birth" [ngModelOptions]="{standalone: true}"
                    matInput [matDatepicker]="date_birth"
                    (focus)="date_birth.open()"
                    (click)="date_birth.open()"
                   placeholder="Date birth">
            <mat-datepicker-toggle matSuffix [for]="date_birth"></mat-datepicker-toggle>
            <mat-datepicker #date_birth></mat-datepicker>
        </mat-form-field>

Может?

heroes = HEROES;

https://angular.io/generated/live-examples/toh-pt2...

Думаю это подойдет для примера.

plnkr.co/edit/5WF6FxvwocVBqhuvt4VL?p=preview