如何使用ng-repeat包含尾随注释

时间:2014-12-30 00:39:32

标签: html angularjs

我使用ng-repeat生成一对内联块元素。

问题是,我需要注释来填补每个重复块之间的空白。

为什么我需要那个?删除内联块元素之间的间距是一种黑客攻击:
http://css-tricks.com/fighting-the-space-between-inline-block-elements/

我想要的输出:

<div>
    <div>One</div><!--
    --><div>Two</div><!--
    --><div>Three</div>
</div>

如果我使用传统意义上的ng-repeat:

<div>
    <div ng-repeat="item in items" ng-bind="item"></div>
</div>

输出如下:

<div>
    <!-- ngRepeat: item in items -->
    <div ng-repeat="item in items" ng-bind="item">One</div>
    <!-- end ngRepeat: item in items -->
    <div ng-repeat="item in items" ng-bind="item">Two</div>
    <!-- end ngRepeat: item in items -->
    <div ng-repeat="item in items" ng-bind="item">Three</div>
    <!-- end ngRepeat: item in items -->
</div>

如何让它包含我希望的输出中显示的尾随评论?

0 个答案:

没有答案