angularjs ng-repeat 在 firebase 中不起作用

Question

如何使用 angularjs 访问 firebase 中的项目我得到了 firebase 中的行数，但没有得到值

我的代码

<ul class="next-days" >
                <li ng-repeat="item in val">
                   {item.name}
                    <a href="#43">
                        <p class="next-days-date"><span class="day">{item.text}</span> <span class="scnd-font-color">{item.price}</span></p>
                        <p class="next-days-temperature">{item.quan}</p>
                    </a>
                </li>
            </ul>

和我的app.js

var ref = new Firebase("https://qwertyuiop.firebaseio.com/values");
   $scope.val = $firebaseArray(ref);

plunker demo

Answer 1

你只是少了第二个 { 和 }，所以这个有效：

        <ul class="next-days" >
            <li ng-repeat="item in val">
               {{item.name}}
                <a href="#43">
                    <p class="next-days-date"><span class="day">{{item.text}</span> <span class="scnd-font-color">{{item.price}}</span></p>
                    <p class="next-days-temperature">{{item.quan}}</p>
                </a>
            </li>
        </ul>

Answer 2

Angular 需要双大括号才能在视图中呈现值。你只用了一个大括号。

例如

而不是 {item.name} 你需要 {{item.name}}

这里是plnkr.

这是代码

<ul class="next-days" >
  <li ng-repeat="item in val">
    {{item.name}}
    <a href="#43">
      <p class="next-days-date"><span class="day">{{item.text}}</span> <span class="scnd-font-color">{{item.price}}</span></p>
      <p class="next-days-temperature">{{item.quan}}</p>
    </a>
  </li>
</ul>

angularjs ng-repeat 在 firebase 中不起作用

angularjs ng-repeat not working in firebase

angularjs

firebase

ng-repeat