I have an ng-repeat that spits out a twitter/calendar feed from some JSON 
data. I've tested this thoroughly on my PC in all browsers and it works 
fine but on my phone a nexus 5 it's throwing the error.
 

> Error: ngRepeat:dupes
> Duplicate Key in Repeater


When i toss a  track by $index on the ng-repeat it stops throwing the error 
and iterates through the loop but all fields are blank.  I'm really new to 
Angular so forgive me if this is something simple but i can't seem to 
figure this one out.

Here is my view with the ng-repeat:

<div id="container" class="small-12 transitions-enabled small-centered 
large-centered clearfix" >
    <div ng-repeat="items in feed track by $index" class="box col3" on-finish>
        <div class="twitter" ng-if="index.CLASS == 'twitter'">
            <div class="small-12 row">
                <div class="small-3 columns">
                    <img ng-src="{{ items.user.profile_image_url_https }}" />
                </div>
                <div class="small-9 columns userName">
                    <span>{{ items.user.name }}</span>
                </div>
                <div class="small-9 columns">
                    <span class="dates">{{ items.created_at | date:'MMM d' 
}}</span>
                </div>
            </div>
            <div class="small-12">
                <span>{{ items.text }}</span>
            </div>
            <div class="small-12">
                <a ng-href="{{ items.entities.media[0].expanded_url }}" 
target="_blank" >
                    <img ng-src="{{ items.entities.media[0].media_url_https }}" 
>
                </a>
            </div>
        </div>

        <div class="calendar" ng-if="items.CLASS == 'calendar'">
            <a 
ng-href="https://www.guelphpl.ca/foundation/pages/calendar/index.cfm?progid={{ 
items.EVENTID }}" target="_blank">
                <img ng-src="/foundation/images/calendar/program_headings/{{ 
items.IMAGE }}" >
            </a>
            <div class="progInfo">
                <span class="title">{{ items.TITLE }}</span>
                <span class="dates">{{ items.DATESTART | date:'MMM d ' }}  {{ 
items.TIMESTART | date:'h:mm a' }}</span>
                <span>{{ items.DESCRIPTION | limitTo:100}}...</span>
            </div>
        </div>
    </div>
</div>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to