我是 Angular 2 的新手。我想创建一个自定义结构指令,将模板包装在一组 html 元素中。例如在下面的模板中使用 *formField:
<input *formField type='text' formControlName="firstName" class='form-control' id='firstName' placeholder='First Name' />
结果应该如下所示:
<div class='form-group'>
<label for='firstName' class='col-sm-2 control-label'>First Name</label>
<div class='col-sm-7'>
<input type='text' formControlName="firstName" class='form-control' id='firstName' placeholder='First Name' />
</div>
</div>
最佳答案
我会使用一个组件。似乎适合您要完成的任务。指令应该用于操纵元素的行为,但您没有这样做。您只是试图用其他元素包装该元素,而不是操作该元素本身。
关于angular - 如何创建将模板包装在其他元素中的自定义指令(Angular 2)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42055388/