ng-repeat在angularjs中不起作用

时间:2015-10-04 18:07:22

标签: javascript angularjs firebase ng-repeat angularfire

这是我的代码,我可以获取值,目前有三个值,但值不显示:

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

以下是我尝试从firebase获取的值

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

我的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);

我的plunker演示:http://embed.plnkr.co/acFOlruX0t4bCIxXohAF/preview

2 个答案:

答案 0 :(得分:1)

变化:

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

要:

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

fbvalues是数组“[]”

答案 1 :(得分:0)

AngularFire $firebaseArray用于处理典型的Firebase序列,其中密钥的格式为-J-0FSHRJ913A,通常不会显示。

在您的情况下,您需要同时显示$id$value

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

显示:

  • greens - 56
  • 牛奶 - 56
  • 报纸 - 56