ng-ng-repeat의 여러 조건이 예상대로 작동하지 않는 경우

Question

내가 잘못하지 않으면 작동하지 않을 것으로 예상되는 문제가 있습니다. 나는이를 내보기에서

{ 
    key1:"val1", 
    key2:"val2", 
    key3:"val3", 
    key4:null 
} 

: 값이 같은 설정 목적 :

I가 키를 가지고

<div class="col-md-4" ng-repeat="(key, value) in list" ng-if="key != 'key1' || value != null"> 
      <ul> 
       <li>{{ key }} : {{ value }} </li> 
      </ul> 
     </div> 

문제 : 난 단지 key != 'key1' 작품을 사용하는 경우, key1의 키와 값은 표시되지 않습니다.

value != null 만 사용하는 경우 key4가 표시되지 않습니다.

하지만 if 문과 || (OR), if 문 전체가 무시됩니다.

여기 뭔가 잘못 되었나요?

나는 여기에 예를 게시 한 : http://jsfiddle.net/caxoyud2/

고맙습니다 사전에!

Answer 1

참조하십시오 | | '. ! (key == 'key1'|| value == null), '||'내부에서 부정을 사용하면 '& &'이됩니다.

<div class="col-md-4" ng-repeat="(key, value) in list" ng-if="key != 'key1' &&  value != null"> 
     <ul> 
      <li>{{ key }} : {{ value }} </li> 
     </ul> 
</div>  

또는

<div class="col-md-4" ng-repeat="(key, value) in list" ng-if="!(key == 'key1' || value == null)"> 
    <ul> 
     <li>{{ key }} : {{ value }}</li> 
    </ul> 
</div> 

Answer 2

당신은 모두가 '& &'수 대신한다 사라지게하려면

모든 아래 데모 괜찮 단지 문

(true || false) = true 

var someModule = angular.module('myModule', []); 
 

 
someModule.controller('someControler', function($scope) { 
 

 
    $scope.list = { 
 
    key1: "val1", 
 
    key2: "val2", 
 
    key3: "val3", 
 
    key4: null 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myModule"> 
 
    <div ng-controller="someControler"> 
 
    <div class="col-md-4" ng-repeat="(key, value) in list" ng-if="!(key != 'key1' && value != null)"> 
 
     <ul> 
 
     <li>{{ key }} : {{ value }}</li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</div>