angularjs ng-repeat не работает в firebase

Question

angularjs ng-repeat не работает в firebase

0

как получить доступ к элементам в firebase, используя angularjs. Я получил, сколько строк в 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);

демонстрация плунчеров

User_3535 29 сен. 2015, в 11:32

Источник

Теги:

firebase

angularjs

ng-repeat

2 ответа

1

Угловые нужны двойные фигурные скобки для визуализации значения. Вы использовали только одну фигурную скобку.

Напр.

Вместо {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>

Laxmikant Dange 29 сен. 2015, в 06:32

1

это работает спасибо
User_3535 29 сен. 2015, в 09:06

Ещё вопросы

Thomas Kekeisen · Accepted Answer · 2015-09-29T06-56-00.000Z

Вам просто не хватает второй { и }, поэтому это работает:

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

как глупо я ... спасибо большое, братан