2014-07-24 50 views
0

我正在開發一個使用基於AngularJS的Ionic Framework的移動應用程序。從指令外的指令中獲取ng-repeat中的數據

在一個指令我遍歷一個JSON陣列與ng-repeat應用條件與ng-if,見下圖:

<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什麼也看不見了。

據我所知,$範圍是不一樣的,但最後"p"ng-repeat以外的任何其他組件,我需要有相同的數據才能與它交互。

例如,我想在獲取"{{invocation.id}}"的頁腳上添加一個按鈕。如果invocation.id等於3在ng-repeat "h3"內我想要它等於3在"p"

我該怎麼做?

感謝您幫助

編輯:其實我是想調用[指數] .ID在循環,其中指數等於顯示的幻燈片外的「P」。

+0

調用在循環之外沒有意義。你想在p標籤中引用哪個調用對象? – TGH

+0

如果重複多次 - 你想在頁腳中顯示哪個invocation.id會怎麼樣?最後一個? – pixelbits

+0

感謝您的意見。我希望看到與循環中顯示的相同的invocation.id。我應該說離子載玻片更具體。 – Fahd

回答

0

invocation可變模時ng-repeat結束後,如果需要再次使用它,你將需要另一ng-repeat

0

假設你想在同一時間只顯示一個幻燈片,你可以做到這一點沒有ng-if,並改用過濾器。

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

,然後在外面:

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

希望這有助於。