如何訪問Repeater內的外部元素？

Question

的Javascript

var pageData = new Observable({ 
    appointmentsList: appointmentsList, 
    user_role: '' 
}); 

exports.onLoaded = function (args) { 
    page = args.object; 
    page.bindingContext = pageData; 
    pageData.set('user_role', appSettings.getString('role')); 

XML

<Repeater items="{{appointmentsList.booking_dates.bookings}}"> 
    <Repeater.itemsLayout> 
     <StackLayout class="appointment-rows" /> 
    </Repeater.itemsLayout> 
    <Repeater.itemTemplate> 
     <StackLayout> 
      <WrapLayout visibility="{{ user_role === 'agency' ? 'visible' : 'collapse' }}"> 
       <Label text="{{user_name}}" class="row-client-name row-client-name-new" /> 
      </WrapLayout> 
     </StackLayout> 
    </Repeater.itemTemplate> 
</Repeater> 

在上面的代碼中這個問題是我不能夠訪問user_role內Repeater。 任何人都可以幫助我如何訪問Repeater內的外部元素？

謝謝。

Answer 1

在此基礎上https://docs.nativescript.org/core-concepts/data-binding#example-4-creating-listview-child-items-based-on-the-itemtemplate，你可以嘗試這樣的事情：

<WrapLayout visibility="{{$parents['Repeater'].user_role,$parents['Repeater'].user_role === 'agency' ? 'visibile' : 'collapse' }}"> 

或這樣

<WrapLayout visibility="{{$parents['Page'].user_role,$parents['Page'].user_role === 'agency' ? 'visibile' : 'collapse' }}"> 

Answer 2

您需要使用$parent或$parents[]財產。

我相信：

<WrapLayout visibility="{{ $parent.user_role, $parent.user_role === 'agency' ? 'visible' : 'collapse' }}">

應該工作。然而，由於這是一個重複的人，我不相信它對父母的約束有任何奇怪的地方;但如果不工作 - 你可以簡單地這樣做： <WrapLayout visibility="{{ $parents['Page'].user_role, $parents['Page'].user_role === 'agency' ? 'visible' : 'collapse' }}">

NativeScript文檔此功能：http://docs.nativescript.org/core-concepts/data-binding#binding-to-a-parent-binding-context