Ng-repeat not working properly AngularJS

Get the array from the server as follows:

enter image description here

Need to display: info like this

<div class="object1">
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
</div>


<div class="object2">
<div class="content"></div>
<div class="content"></div>
</div>

Now it works like this:

<div class="object1">
    <div class="content"></div>
 </div>
<div class="object1">
    <div class="content"></div>
 </div>
<div class="object2">
    <div class="content"></div>
 </div>
<div class="object2">
    <div class="content"></div>
 </div>

There My ng-repeat:

<div class="feedback-container">
    <div ng-repeat="feedback in datasfeed | filter:keyword.classname " >
        {{feedback.id}}
        <div  ng-repeat="content in feedback.content" class="feedback-row gt-clear group group-content" >
        <div class="gt-left">
            <div class="ava-round-small"><img src="{{content.user_avatar}}"></div>
        </div>

        </div>
    </div>

</div>

So how to change the code that will be installed How do I need it?

+4
source share
1 answer

I would do it like this:

  <div class="feedback-container">
    <div ng-repeat-start="feedback in datasfeed | filter:keyword.classname " >
        {{feedback.id}}  
    </div>
    <div ng-repeat-end ng-repeat="content in feedback.content" class="feedback-row gt-clear group group-content" >
        <div class="gt-left">
            <div class="ava-round-small"><img src="{{content.user_avatar}}"></div>
        </div>
    </div>
</div>
+2
source

Source: https://habr.com/ru/post/1665099/


All Articles