VPF::Видимость/невидимость элементов

Emiliya

Дата 26.10.2016, 11:25 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 11.5.2016

Репутация: нет
Всего: нет

подскажите как задать условие на видимость/невидимость элементов
на картинке снизу то что должно быть, сверху то что есть, надо там где нули не отображать блоки

Код


<div ng-app="App" ng-controller="Battery">
<div class="hg" ng-repeat="b in batteries">
  <div class= "element">
    <div class= "OneLevel"></div>
    <div class= "TwoLevel"></div>
    <div class= "batareyka">
       <div ng-repeat="c in b.charge track by $index">
          <div class="five">{{c}}</div>
       </div>
    </div>
    </div> 
</div>
</div>

Код


angular.module("App",[])
.controller("Battery", function($scope)
{
  $scope.batteries = [{charge:[0,0,0,0]},
                     {charge:[0,0,0,1]},
                     {charge:[0,0,1,1]},
                     {charge:[0,1,1,1]},
                     {charge:[1,1,1,1]}];
   
  $scope.five = function()
  {
    for(var i = 0; i < $scope.batteries.charge.length; i++)
    {
      if ($scope.batteries.charge[i]==0)
      {
         $scope.five.hide();        
     }
  }}
});

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »