如何创建一个Angular2 Component助手，该助手可以传递父组件中的项目并像在同一作用域中一样使用它们？

Question

我想创建一个用于布局引导标记的助手组件。 用选择器创建一个组件：

<bs-input label="Last Name" model="lastname"></bs-input>

这个新组件的模板如下所示

<label attr.for="{{model}}">
  {{label}}
</label>
<input class="form-control" bind-model="{{model}}" type="text" />

还是看起来像这样

<label attr.for="__MODEL__">
  __MODEL__
</label>
<input class="form-control" ng-model="__MODEL__" type="text" />

但是最主要的是我需要操纵或继承模板中的meta元素，以替换我在父组件中设置的属性（无论是替换还是以某种方式传递）。 该模型是真正解决问题的地方。

当然，模板解析器无法解析非本地元素，因此我无法在模板中使用mg-model或[（ngModel）]

最好的办法是什么？ 我可以在处理模板之前但在构造函数执行之后访问模板吗？

Answer 1

      Things Like validation Should be same as in Helpers 
      just create helper component might be valid.ts

      //in the File where You want to use Helper as Example
      import {Validator} from "../../../helpers/valid"; 

      @Component({
      })

      export class Image{
      constructor(){
       this.Image= fb.group({
       ImageTitle: ["1", Validator.required],
            })
         }
      }