title: Angular ng-show multiple conditions (no more than 3 work)
body: <p>I have a div which I need to show when any of 5 conditions are true.</p>
  
  <p><strong>The problem</strong> is that <code>ng-show</code> seems to take into consideration only <em>the first 3 conditions</em>. I don't know if it's only my problem, cause I couldn't find any related problem.</p>
  
  <p>In the following example I kept moving conditions around, but each time only the first 3 conditions are taken into consideration. Whatever condition falls into the 4th position, does not show the div.</p>
  
  <p>Please let me know if you know a work around in case it's not possible to have more than 3 conditions.  </p>
  
  <p>It's a pretty big div, so I post only a part:</p>
  
  <pre><code>&lt;div class="row " ng-show="selectedAllP[0] || selectedAllF[0] || selectedAllP || selectedAllD || level"&gt;
      &lt;div class="row selectedCase"&gt;
          &lt;div&gt;&lt;h3 id="choices"&gt;Your choices:&lt;/h3&gt;&lt;/div&gt;
          &lt;div class="col-md-4" id="publisher"&gt;
              &lt;h4&gt;Publishers&lt;/h4&gt;
              &lt;div class="level" ng-hide="selectedAllP[0] || selectedAllP"&gt;Select publisher&lt;/div&gt;
              &lt;table class="table table-bordered table-striped"&gt;
                  &lt;tbody id="pub"&gt;
                      &lt;tr ng-hide="selectedAllP.Name ===  '   - Any Publisher -'" ng-repeat="roll in selectedAllP" ng-click="deSelectP(roll)"&gt;
                          &lt;td class="deselect"&gt;{{roll.Name}}&lt;/td&gt;
                      &lt;/tr&gt;
                      &lt;tr ng-show="selectedAllP.Name ===  '   - Any Publisher -'" ng-click="deSelectP(selectedAllP)"&gt;
                          &lt;td class="deselect"&gt;{{selectedAllP.Name}}&lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
              &lt;p ng-show="noticeAnyPublisher &amp;&amp; selectedAllP.Name ===  '   - Any Publisher -'" class="notice"&gt;{{noticeAnyPublisher}}&lt;/p&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>And the logic for a part of the div above:</p>
  
  <pre><code> $scope.selectedAllP = [];
  
      $scope.setSelectedP = function (publisher) {
          $scope.selectedP = publisher.Name;
          // Check if the selected publisher is already in the array
          // if it isn't, than push it in the array (else do nothing)
          if (publisher.Name == "   - Any Publisher -"){
              $scope.selectedAllP = publisher;
              console.log($scope.selectedAllP);
          } else if ($scope.selectedAllP.Name == "   - Any Publisher -") {
              $scope.noticeAnyPublisher = 'Deselect "Any Publisher" first';
              console.log("blblblb");
          } else if ($scope.selectedAllP.indexOf(publisher) == -1) {
              $scope.selectedAllP.push(publisher);
          }
          console.log($scope.selectedP, $scope.selectedAllP);
      };
  
      $scope.deSelectP = function (dePublisher) {
          // Check if the selected publisher is already in the array
          // if it is, than remove it from the array (else do nothing)
  
          if (dePublisher.Name == "   - Any Publisher -") {
              $scope.selectedAllP = [];
              $scope.selectedP = 0;
              $scope.noticeAnyPublisher = '';
          } else {
              var idx = $scope.selectedAllP.indexOf(dePublisher);
              if (idx != -1) {
                  $scope.selectedAllP.splice(idx, 1);
                  $scope.selectedP = $scope.selectedAllP[0].Name;
              }
          }
      };
  </code></pre>
  
  <p>I want when I choose the 4th condition (in this case || selectedAllD) to show the div above, but as u can see, even if the distributor is selected (and selectedAllD exists in console), the div doesn't show. Check next image to see the div showing when I select the 3rd condition (selectedAllF[0]).</p>
  
  <p><a href="https://i.stack.imgur.com/c5C6l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/c5C6l.png" alt="enter image description here"></a></p>
  
  <p>div showing when I select the 3rd condition (selectedAllF[0]). It is showing for the fisrt 2 conditions too. Problem is that its behavior is the same, whatever the order of the conditions (it only considers the first 3 conditions).</p>
  
  <p><a href="https://i.stack.imgur.com/YKAHO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YKAHO.png" alt="enter image description here"></a></p>