Абстрактная форма-группа в Angular

Question

Вкратце, я хочу создать компоненты полей ввода текста, чтобы заменить закомментированный код, который работает с компонентом.

<app-text-input [name]="Address" [mod]="resto.address" class="col-sm"></app-text-input>
<!--<div class="form-group col-sm">
  <label for="Address">Address</label>
  <input type="text" class="form-control" id="Address" name="Address" [(ngModel)]="resto.address" >
</div>-->

мой компонент читает

@Component({
  selector: 'app-text-input',
  template: `
    <div class="form-group">
      <label for="name">{{name}}</label>
      <input type="text" class="form-control" id="name" name="name" [(ngModel)]="mod" >
    </div>
  `,
  styles: ['']
})
export class TextInput {
  @Input() name: String;
  @Input() mod;

  constructor() { }
}

Я получаю значение устанавливаемого поля, но ни одно из изменений не делает его резервную копию. Я почти уверен, что делаю что-то в корне неверное, но все примеры, которые я нашел в интернете на сегодняшний день, выполнены в стиле длинных рук, которые я пытаюсь абстрагировать.