Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: для новичков > Видимость/невидимость элементов


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

Код

<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();        
     }
  }}
});  

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)