AngularJS randomly show data bug

Question

First issue I want to solve is: I want to randomly show the data. For my case, I have two questions. One is "Do you like Foo", another one is "Do you like Bar". When I reload the page, I want these questions to show up randomly. For example, maybe "Do you like Foo" show first this time. But when I reload the page, "Do you like Bar" show first.

I made a custom random filter as below, but this will cause bug that "I cannot see the check symbol when I check the checkBox"

$scope.random = function () {
     return 0.5 - Math.random();
}

Another in my line 14 of my Plunker, I added <div ng-repeat="item in questions | orderBy: random">

Updated: Based on comment, I created another post for my another.

Please post the second issue as a separate question. – Chava Geldzahler Jul 05 '17 at 04:21 — Chava Geldzahler, Jul 05 '17 at 04:21
I created another post for the second issue. – FullStackDeveloper Jul 05 '17 at 04:31 — FullStackDeveloper, Jul 05 '17 at 04:31
Thank you, I provided an answer there – Chava Geldzahler Jul 05 '17 at 04:39 — Chava Geldzahler, Jul 05 '17 at 04:39

score 4 · Accepted Answer · answered Jul 05 '17 at 05:04

4

Instead of picking up questions randomly, you can try shuffling your array before showing any question on your page.

This way, the array's elements will be randomly indexed, and you won't need to run the random function for each question.

Here is a post to help you with shuffling the array using JavaScript. Alternatively, you can also use Lodash's Shuffle function.

answered Jul 05 '17 at 05:04

31piy

Nice. I use this method in this post that you mentioned. Thanks. Now works for me. – FullStackDeveloper Jul 05 '17 at 05:13

1 Answers1