如何创建一个Angular2组件帮助器,它可以从父组件传递项,并像在同一范围内一样使用它们?
我想创建一个帮助器组件来布局引导标记。 是使用选择器创建的零部件:如何创建一个Angular2组件帮助器,它可以从父组件传递项,并像在同一范围内一样使用它们?,angular,angular2-template,angular2-directives,Angular,Angular2 Template,Angular2 Directives,我想创建一个帮助器组件来布局引导标记。 是使用选择器创建的零部件: <bs-input label="Last Name" model="lastname"></bs-input> 此新组件的模板如下所示 <label attr.for="{{model}}"> {{label}} </label> <input class="form-control" bind-model="{{model}}" type="text" />
<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" />
{{label}}
或者是看起来像这样
<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" />
__模型__
但最重要的是,我需要操作或继承模板中的元元素,以替换我在父组件中设置的属性,或者替换它们,或者以某种方式传递它们。
模型是不稳定的
当然,模板解析器不能解析非本机元素,因此我不能在模板中使用mg模型或[(ngModel)]
最好的解决办法是什么?
我可以在处理模板之前,但在执行构造函数之后访问模板吗?不太清楚您想要实现什么。您可以使用将数据从父级传递到子级。或者你可以使用一个函数来设置和获取数据。是的,这是非常不清楚的。我很难提出这个问题。看看这个笨蛋。这是同一个问题,但对安格拉尔来说确实如此。关于这个使用ng模型的问题
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],
})
}
}