ng-repeat not working in angularjs

Question

Here is my code I can"t get the values , presently three values are present but values are not displaying:

<body ng-controller="bucksbucket_orders">
    <form >
        <li ng-repeat="message in syncfromfbvalues">
            {{message.milk}},{{message.newspaper}},{{message.greens}}</li>
    </form>
</body>

Here is the values I try to get from firebase

values
 |--->greens: "56"
 |===> milk: "56"
 |===>newspaper: "56"

My app.js

var fbvalues = new Firebase("https://qwertyuiop.firebaseio.com/values");

$scope.defaultfbvalues = function () {
    fbvalues.set({
        "newspaper": '56',
        "milk": '56',
        "greens": '56'
    });
};

$scope.syncfromfbvalues = $firebaseArray(fbvalues);

my plunker demo : http://embed.plnkr.co/acFOlruX0t4bCIxXohAF/preview

If you just do {{message}} in your repeat what do you get? — ste2425
– ste2425, Commented Oct 4, 2015 at 18:11
@ergonaut that wont work defaultfbvalues is a method adding something to fbvalues. Not the collection itself. — ste2425
– ste2425, Commented Oct 4, 2015 at 18:12
@ste2425 {"$value":"56","$id":"greens","$priority":null} {"$value":"56","$id":"milk","$priority":null} {"$value":"56","$id":"newspaper","$priority":null} — User_3535
– User_3535, Commented Oct 4, 2015 at 18:13
Why are you using ng-repeat and $firebaseArray instead of $firebaseObject? — Anid Monsur
– Anid Monsur, Commented Oct 4, 2015 at 18:43

Emir Marques · Accepted Answer · 2015-10-04 19:09:20Z

1

Change:

$scope.defaultfbvalues = function () {
     fbvalues.set({
          "newspaper": '56',
          "milk": '56',
          "greens": '56'
     });
};

To:

$scope.defaultfbvalues = function () {
     fbvalues.set([{
          "newspaper": '56',
          "milk": '56',
          "greens": '56'
     }]);
};

The fbvalues is array "[ ]"

answered Oct 4, 2015 at 19:09

Emir Marques

2,6772 gold badges18 silver badges22 bronze badges

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

2 Comments

User_3535 Over a year ago

good it"s working fine but i figure out other way too !!! ...

$scope.defaultfbvalues = function () {      fbvalues.set({           "newspaper": '56',           "milk": '56',           "greens": '56'      }); };

to

$scope.defaultfbvalues = function () {      fbvalues.push({           "newspaper": '56',           "milk": '56',           "greens": '56'      }); };

change the set value to push and also your code works fine too but how can it created nested value as 0 ?

Emir Marques Over a year ago

I not understand. Please question again?

Frank van Puffelen · Accepted Answer · 2015-10-05 05:50:10Z

0

The AngularFire $firebaseArray is built to work with typical Firebase sequences, where the keys are in the form of -J-0FSHRJ913A and usually not displayed.

In your case, you'll want to display both the $id and $value:

<li ng-repeat="message in syncfromfbvalues">
    {{message.$id}} - {{message.$value}}
</li>

Which displays:

greens - 56
milk - 56
newspaper - 56

answered Oct 5, 2015 at 5:50

Frank van Puffelen

603k85 gold badges895 silver badges869 bronze badges

Collectives™ on Stack Overflow

ng-repeat not working in angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related