如何创建一个自定义指令,将模板包装在其他元素中(Angular 2)？

发布时间：2020-12-17 17:00:45 所属栏目：安全来源：网络整理

导读：我是Angular 2的新手.我想创建一个自定义结构指令,将模板包装在一组html元素中.例如,在下面的模板中使用* formField： input *formField type='text' formControlName="firstName" class='form-control' id='firstName' placeholder='First Name' / 结果应如

我是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>

解决方法

我会用一个组件.似乎适合您要完成的任务.指令应该用于操纵元素的行为,但你不是这样做的.您只是尝试用其他元素包装该元素,但不操纵元素本身.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!