angular 5 создайте компонентную оболочку со всеми дочерними объектами

Question

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

, но я не хочу терять другие атрибуты ng* атрибутов или даже HTMLтакие возможности, как class, style и т. д.

Я ищу что-то похожее на приведенное ниже, назовите мой пользовательский компонент <app-input со стандартными угловыми и HTML-ссылками.и пусть <app-input автоматически принимает все атрибуты, а не один за другим.

@Component({
  selector: 'my-app',
  template: '<app-input [(ngModel)]="name" style="border:solid 1px red"></app-input>',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
}


@Component({
  selector: 'app-input',
  template: `<span><input type="text"/></span> /*apply inside <input automatically all the attributes from the caller*/`,
  styleUrls: [ './app.component.css' ]
})
export class AppInput  {
  name = 'Angular';
}

https://stackblitz.com/edit/angular-tnryy1?file=src%2Fapp%2Fapp.component.ts

Спасибо