Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   ангуляр список (https://javascript.ru/forum/angular/47438-angulyar-spisok.html)

l-liava-l 23.05.2014 20:04

ангуляр список
 
Мобильный раздел пустует, поэтому сюда (cordova js, ionic, angular)

Нужно выводить список со слайдером и текстом (пример, мобильная версия вк => новости )

Все это дело дико лагает(тестю на нот 3).

Дайте что нибудь почитать про оптимизацию и тд

Делаю так

<div ng-repeat="(id, item) in items" class="list card">
            <div class="item">
                <div style="width:50%; float: left">
                    <h2>{{item.type}}</h2>
                    <p> {{item.cost}}</p>
                </div>
                <div style="width:50%; float: left; text-align: right">
                    <p>{{item.address}}</p>
                </div>

            </div>
            <div class="item item-body">
                <ion-slide-box does-continue="true">
                    <ion-slide ng-repeat="img in item.images">
                        <img class="full-image" src="{{img}}">
                    </ion-slide>
                </ion-slide-box>
                <p>
                    {{item.description}}
                </p>
                <p>
                    <a href="#" class="subdued" type="phone" ng-repeat="number in item.numbers">{{number}}</a>
                </p>
            </div>


            <div class="item tabs tabs-secondary tabs-icon-left">
                <div ng-show="!item.favorite" class="tab-item" ng-click="toFavorite(id, item)">
                    <i class="ion-android-promotion"></i>
                    Добавить в закладки
                </div>
                <div  ng-show="item.favorite" class="tab-item">
                    <i class="ion-android-promotion"></i>
                    Сохранено
                </div>
            </div>
        </div>


Часовой пояс GMT +3, время: 23:59.