angularjs ng-repeat在firebase中不起作用答案

【问题标题】：angularjs ng-repeat not working in firebaseangularjs ng-repeat在firebase中不起作用
【发布时间】：2015-12-26 16:33:02
【问题描述】：

如何使用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

【问题讨论】：

标签： angularjs firebase ng-repeat

【解决方案1】：

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>

【讨论】：

【解决方案2】：

您只是错过了第二个 { 和 }，所以这行得通：

        <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>

【讨论】：