2014-07-24 2 views
0

AngularJS를 기반으로하는 Ionic Framework를 사용하여 모바일 응용 프로그램을 개발하고 있습니다. 내가 ng-repeatng-if와 조건을 적용하여 JSON 배열을 통해 반복하고있어 하나 개의 지침에ng-repeat 내의 데이터를 외부 지시문에서 가져옵니다.

, 아래 참조 :

<ion-content class="has-header has-subheader" > 

<ion-slide-box"> 
<ion-slide 
    ng-if="invocation.title_id == titleid" 
    ng-repeat="invocation in invocations" > 

    <h3>{{invocation.id}}</h3> 
    <div ><h1>{{invocation.invocation_frensh }}</h1></div> 
    <div ><h1>{{invocation.invocation_ar}}</h1></div> 
    <div ><h1>{{invocation.invocation_franko}}</h1></div> 
    <div ><h1>{{invocation.comments_fr}}</h1></div> 
    <div ><h1>{{invocation.comments_ar}}</h1></div> 
    </content> 
</ion-slide> 
</ion-slide-box> 

<p>{{invocation.id}}</p> 

</ion-content> 

점은 마지막 p 아무것도에 표시됩니다 있다는 것입니다.

나는 $ scope가 동일하지 않지만 마지막으로 "p" 또는 그 밖의 다른 구성 요소 인 ng-repeat과 상호 작용하기 위해서는 동일한 데이터가 필요하다는 것을 알고 있습니다.

예를 들어, "{{invocation.id}}"을받는 꼬리말에 버튼을 추가하고 싶습니다. 호출 ID가 ng-repeat "h3" 안에 3 인 경우 "p"

어떻게하면됩니까? 당신이

편집을 도움을

감사 : 사실 내가 호출 [인덱스]를 원하는 .ID 지수가 표시된 슬라이드에 해당 루프의 외부에 'P'이다. 다시 사용해야하는 경우 ng-repeat 끝, 다른 ng-repeat

+0

호출이 루프 외부에서 작동하지 않습니다. p 태그에서 어떤 호출 객체를 참조하고 싶습니까? – TGH

+0

여러 번 반복되는 경우 - 어떤 invocation.id를 바닥 글에 표시 하시겠습니까? 마지막 하나? – pixelbits

+0

의견에 감사드립니다. 같은 invocation.id를보고 싶습니다. 하나는 루프에 표시됩니다. 좀 더 구체적으로 이온 슬라이드에 대해 이야기해야합니까? – Fahd

답변

0

invocation 변수 다이, 대신 필터를 사용하십시오. 외부에서

<ion-slide ng-repeat="invocation in displayedInvocations = (invocations | filter:{title_id: title_id}:true)"> 

다음이 도움이

<p>{{displayedInvocations[0].id}}</p> 

희망.

0

당신이 ng-if없이 할 수있는, 당신은 한 번에 하나의 슬라이드를 보여주고 싶은 것을 가정해야합니다

관련 문제