2017-10-10 2 views
1

저는 Angular2에서 초보자입니다. Angular2에서 다음 요소 값/텍스트를 가져와야하지만 그렇게 할 수는 없습니다. 그것은 Jquery에서 매우 쉽지만 Angular2에서 같은 결과를 얻기위한 방법을 찾지 못했습니다. 도와주세요. JQuery와에각도 2의 다음 요소/형제를 얻는 방법

<div id="div1">Here is Div-1 content</div> 
<div id="div2">Here is Div-2 content</div> 

는이 같은 아주 쉽게 할 수 있습니다 : : 여기

내 코드입니다 동일 각도 2

+0

[DOM 조작은 각도 2에 속합니다.] (https://stackoverflow.com/questions/37376442/where-does-dom-manipulation-belong-in-angular-2) – asmmahmud

+0

아니요 , 그렇지 않습니다. 제 질문은 뭔가 다른 것입니다. – Ankit

+0

https://stackoverflow.com/questions/32693061/angular-2-typescript-get-hold-of-an-element-in-the-template?noredirect=1&lq=1와 비슷합니다. – asmmahmud

답변

0

에서 수행 할 수있는 방법

$('#div1').next().text(); 

당신은 할 수 있습니다 요소 참조를 사용하고 jQuery에서와 같은 방식으로 사용하십시오.

은 구성 요소 요소 참조를 주입

constructor(private elementRef: ElementRef) { 

    } 

그럼 난 당신이 찾고있는 무엇을 생각

this.elementRef.nativeElement.querySelector('.div1').style.display = 'none'; 
+0

네,이게 저에게 무엇을 줄 수 있습니까? 나는 다른 방법으로 배회하고 싶다. 다른 방법이 있습니까? – Ankit

+0

@ViewChild도 있지만 확실하지는 않습니다. 너는 그것도 들여다 볼 수있다. 또한 일부 구성 요소 변수를 태그에 바인딩 할 수도 있습니다. 나는 다른 방법들도 있다고 생각한다. –

1

은 각 특정 것은 아니지만, 적어도 자바 스크립트에서 당신이 할 수있는 쿼리 선택 사용 이 요소는 해당 요소의 속성을 찾을 수있는 document.getElementById('div1').nextSibling입니다. 그리고 색인을 증가 시켜서 다음 형제 자매를 찾거나 자녀를 확인하는 등의 일을 할 수 있습니다. 이 도움이

You can read about implementation here on MDN.

희망. :)