Angularjs 각도기 : 유효한 중첩 요소를 제외하기위한 선택자

Question

특정 요소를 쿼리하고 싶습니다. 코드

내 구조는 다음과 같습니다 :

HTML 나는 '주 class but not for 리튬의 which are inside에-exclude` 클래스 내부 li's 존재를 테스트 할

<ul class="main"> 
    <li>...</li> 
    <li>...</li> 
    <li> 
     <ul class="to--exclude"> 
      <li>...</li> 
      <li>...</li> 
     </ul> 
    </li> 
    <li>...</li> 
    ... 
</ul> 

.

내가 element(by.css('.main li'))을 사용하면 to-exclude 클래스 안에있는 것들을 포함하여 모든 li's을 찾습니다.

크롬의 개발자 도구 , 나는 정확히 JQuery와의를 사용하여 위치를 찾을 수있어 :not 또는 .not().

$('.main li').not('ul.to--exclude li') 
// OR 
$(".main li:not('ul.to-exclude li')"); 

하는

element(by.css('.main li').not('ul.to--exclude li')); 
// OR 
element(by.css(".main li:not('ul.to--exclude li')")); 

상기 코드로서 끄는에서 사용하는 동안 오류를 범 : 각도기 동일한 수행하는 방법

InvalidElementStateError: invalid element state: Failed to execute 'querySelectorAll' on 'Document': '.main li:not('ul.to--exclude li')' is not a valid selector. 

. 부모 로케이터 클래스 내에 중첩 된 일부 클래스를 제외하는 방법.

감사

Answer 1

당신은이 같은 CSS 의사 클래스 :not으로 그렇게 할 수 있어야한다 : 당신이 모든 선택하려는 것으로 보인다

element(by.css(".main > li > ul:not(.to--exclude) li, .main > li)")); 

내가 백업 선택으로 .main > li를 추가 자식 li은 .main입니다. 이 선택은 경우에 의미가 있습니다 :하지()`CSS는 다른 :

element(by.css(".main > li)"));