在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() { }
}

我得到了正在设置的字段的值，但没有任何更改正在进行备份。我很确定我做的事情本质上是错误的，但我在网上找到的所有例子都是我想要抽象出来的长手风格。