如何构建一个不生成包含标签的Angular指令?

时间:2016-06-21 17:09:20

标签: angular-directive

我对此有点困难,我希望也许有人有一些想法。这是一个非常复杂的情况,但我会尝试简化并简要介绍它。

假设我有一个生成多个元素的指令,例如Label和Textbox。该指令需要在differtag ent scenarious中生成不同的内容。

指令中包含多个元素的问题是,除非将所有内容都包装在一个元素中,否则不能使用“replace:true”标记。 “replace”不喜欢多个根元素。如果不使用“替换”选项,则生成指令的标记将成为包含元素。

我不想要所有这些额外的标签。它破坏了我的CSS并产生了不必要的内容。所以不要这样:

<div ng-repeat="s in something">
 <my-directive>
  <label><input>
 </my-directive>
 <my-directive>
    <label><input>
 </my-directive>
 <my-directive>
    <label><input>
 </my-directive>
</div><!-- End repeat -->

我想要这个:

<div ng-repeat="s in something">
    <label><input>
    <label><input>
    <label><input>
</div><!-- End repeat -->

我希望这个问题有道理。

0 个答案:

没有答案