How to use Angular.js ng-repeat on simple object

Question

What is wrong with this? The list that it outputs looks all weird, the last element (correct one) gets misaligned from the rest. Also I need to run a function that randomizes the elements, where should that go?

<div ng-controller="getAnswers" id="pannel">
    <div id="base"></div>
    <ul class="answers">
        <li ng-repeat="wrong in answers.incorrect" class="answer" id="wrong{{$index}}">{{wrong}}</li>
        <li class="answer ng-scope" id="correct">{{answers.correct}}</li>
    </ul>
</div>

$scope.answers looks like this

{correct: "작아",
incorrect: ["자가", "작ㅏ", "작"]}

The ng-controller name is a little weird, can you also post the controller definition with what exactly is set in the controller scope? Also you manually add ng-scope? — Liviu T.
– Liviu T., Commented Feb 21, 2013 at 18:39
sorry, I actually worked this one out myself by putting everything into an array and setting a correct/incorrect property — Tules
– Tules, Commented Feb 21, 2013 at 18:51

Tules · Accepted Answer · 2013-02-21 18:56:14Z

0

I resolved the issue by changing the data to this format and looping through it that way. Makes more sense to build the UL in one pass anyway.

[
{correct: "correct", text: "작아"}, 
{correct: "incorrect", text: "자가"}, 
{correct: "incorrect", text: "작ㅏ"}, 
{correct: "incorrect", text: "작"}
]

answered Feb 21, 2013 at 18:56

Tules

4,9152 gold badges29 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use Angular.js ng-repeat on simple object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related