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

Question

Im wanting to create a helper component for laying out bootstrap markup. Is created a component with the selector:

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

the template for this new component looks like this

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

or is could look like this

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

but the main thing is I need to manipulate or inherit the meta elements in the template to act as replacements for attributes I set in the parent component either be replacing or somehow passing them through. The model is where is comes unstuck.

Of course the template parser can't parse non-native elements so I cannot use mg-model or [(ngModel)] in my template

What is the best way around this? Can I access the template before it is processed but after the constructor is executed?

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],
            })
         }
      }