How to access outer element inside Repeater?
<p><strong>Javascript</strong></p>

<pre><code>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'));
</code></pre>

<p><strong>XML</strong></p>

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

<p>In above snippet that problem is i am not able to access <code>user_role</code> inside <code>Repeater</code>. 
Can anybody help me how to access outer element inside <code>Repeater</code> ?</p>

<p>Thanks.</p>