Angularjs 如何避免在ng重复循环中呈现定义标记？

假设我有一个简单的循环

<div ng-repeat="item in items">{{item.foo}}<br></div>

而不是：

<div>Foo 1<br></div>
<div>Foo 2<br></div>
<div>Foo 3<br></div>

Foo 1

Foo 2

foo3

目的：我需要这个，即创建不允许使用

div

包装

的表行，是的，我知道我可以使用

您可以使用：


{{item.foo}
您可以使用：


{{item.foo}
通过使用replace:true属性创建自定义指令，您可以使用指令的模板替换原始html div

以下是一个受ng书籍启发的示例：

<div my-directive></div>

app.directive('myDirective' function() {
    return {
        template: '<div>my directive without replacement</div>
    }
});


app.directive（'myDirective'函数（）{
返回{
模板：“我的指令没有替换
}
});

html将保留指令，并在其中注入指令的模板，如：

<div my-directive>
    <div>my directive without replacement</div>
</div>


我的指令没有替换

但如果设置“replace:true”，则如下所示：

app.directive（'myDirective'函数（）{
返回{
替换：正确
模板：“带替换的我的指令”
}
});

然后将只有指令的模板，它取代了原来的模板

<div>my directive with replacement<div>

my指令与替换
通过使用replace:true属性创建自定义指令，您可以使用指令的模板替换原始html div

以下是一个受ng书籍启发的示例：

<div my-directive></div>

app.directive('myDirective' function() {
    return {
        template: '<div>my directive without replacement</div>
    }
});


app.directive（'myDirective'函数（）{
返回{
模板：“我的指令没有替换
}
});

html将保留指令，并在其中注入指令的模板，如：

<div my-directive>
    <div>my directive without replacement</div>
</div>


我的指令没有替换

但如果设置“replace:true”，则如下所示：

app.directive（'myDirective'函数（）{
返回{
替换：正确
模板：“带替换的我的指令”
}
});

然后将只有指令的模板，它取代了原来的模板

<div>my directive with replacement<div>

my指令与替换
为什么不是ul？这在表中是允许的，您可以避免使用笨拙的
标记。我从未见过没有元素的ng repeat的默认行为。您可以创建一个自定义指令，将div重写为well@Fals
br
只是一个示例，
tr
是我当前的案例（也许
ul
会有帮助-需要检查，但我真的很高兴能够避免用嵌套标签包装它，特别是在通过ui视图使用专用视图时。你能告诉我如何为这个简单的场景创建自定义指令吗？（当然可以作为一个答案，这样大家就可以投票了；）为什么不使用ul呢？这在表中是允许的，您可以避免使用笨拙的
标记。我从未见过在没有元素的情况下使用ng repeat的默认行为。您可以创建一个自定义指令来替代divwell@Fals
br
只是一个示例，
tr
是我当前的案例（也许
ul
会有帮助-需要检查，但我真的很高兴能够避免用嵌套标签包装它，特别是在通过ui视图使用专用视图时。你能告诉我如何为这个简单的场景创建自定义指令吗？（当然可以作为一个答案，这样大家就可以投票了；）谢谢，您的解决方案很有用，我会记住其他使用表的场景（TBH我确信表只能包含一个
tbody
，但是规范允许重复它。@Biesio或者您可以在一个表中包含多个tbody，请检查以下问题：谢谢，您的解决方案很有用，我会记住表的其他情况（TBH我确信表格只能包含一个
tbody
，但规范允许重复它。@如果您可以在一个表格中包含多个tbody，请检查此问题：
<div>my directive with replacement<div>