gpt4 book ai didi

angularjs - 如何执行不重复 ng-repeat 元素的 ng-repeat

转载 作者:行者123 更新时间:2023-12-02 23:22:07 26 4
gpt4 key购买 nike

我需要使用 ng-repeat 来生成多个元素,但这些元素不能分别包装在 div 内(这是用于框布局的目的,其中框布局仅适用于直接子元素)。例如,我需要这个结果:

<div class='box-layout'>
<div class='item-header>Head 1</div>
<div class='item-body>Body 1</div>

<div class='item-header>Head 2</div>
<div class='item-body>Body 2</div>
</div>

重复部分没有换行元素。使用弹性盒样式布局需要此结构。我怎样才能用 AngularJS 做到这一点?

最佳答案

正如 @Anders Bornholm 所说,这是不可能的(仅供引用,in knockout.js this is easy)。

虽然它很难看,但您可以通过指令来完成此操作,例如:

  1. AngularJS ng-repeat with no html element
  2. ng-repeat without HTML element (this time really without any)

JS:

directive('htmlAppend', function() {
return {
restrict: 'A',
link: function(scope, element, attrs) {
element.append(attrs.htmlRepeat);
}
};
})

HTML:

<div class='box-layout'>
<div class='item-header' ng-repeat="s in sections" html-append="<div class='item-body'>Body</div>">Head</div>
</div>

关于angularjs - 如何执行不重复 ng-repeat 元素的 ng-repeat,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15972986/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com