Как добавить директиву прокрутки ионов в div?

Я пытаюсь реализовать этот пример в ионном каркасе вот код, который я пытаюсь реализовать http://plnkr.co/edit/LjAoAPFDx0eVPkx3dKfu?p=preview. В котором только шесть элементов присутствуют в dom в любой ситуации. Я пытаюсь реализовать их в ионной структуре, используя это не добавил ион свиток в мой div почему?Как добавить директиву прокрутки ионов в div?

как добавить ионный свиток в этом? так что происходит плавная прокрутка.

вот мой plunker моей демо http://plnkr.co/edit/WJcbpkqJvzmMWXrg8WpH?p=preview

мы можем добавить ионный свиток в этом?

<ion-scroll> 
    <div vs-repeat class="repeater-container"> 
    <div ng-repeat="item in items" class="item"> 
     {{item.text}} 
    </div> 
    </div> 
    </ion-scroll>

источник

2015-06-11 user944513

похоже, что с вашим кодом нет ничего плохого. что вы подразумеваете под ионным свитком? является ли {{item.text}} отображаемым на экране? – vdj4y

Если вы хотите, чтобы показать определенное количество предметов, в то время в списке, вы можете использовать коллекцию повтор, а затем просто установить высоту элемента на высоту контейнера DIV, а затем разделить на шесть. Что-то похожее на это. Я использовал высоту окна, но некоторые идеи. HTML:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <link href="http://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet"> 
    <script src="http://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script> 
    </head> 
    <body ng-app="app"> 
    <ion-pane ng-controller="main"> 
     <ion-header-bar class="bar-stable"> 
     <h1 class="title">Awesome App</h1> 
     </ion-header-bar> 
     <ion-content class="padding"> 
     <div class="list"> 
     <div class="item" collection-repeat="item in thisArray" item-height="height"></div> 
     </div> 
     </ion-content> 
    </ion-pane> 
    </body> 
</html>

JS:

angular.module('app', ['ionic']); 

angular.module('app').controller('main', function($scope){ 
    $scope.thisArray = []; 

    for(x=0; x<100; x++){ 
    $scope.thisArray.push(x); 
    } 

    $scope.height = screen.height/9; 

})

источник

2015-06-11 16:05:03

при изменении высоты элемента он изменит количество элементов в представлении в любое время в –

, почему вы разделили высоту экрана на 9? Я не получил ... –

Число произвольно. Если вы хотите показать 9 предметов, вы разделите их на 9, 6 на 6. –

, кажется, что нет ничего плохого в вашем коде. что вы подразумеваете под ионным свитком? отображается {{item.text}} на экране? Возможно, это пусто?

если частичный вид не отображаются, необходимо, во-первых объявить ион-вид в качестве родительского элемента в каждом виде Partials,

index.html

<html> 
    <body ng-app="sampleApp"> 
    <ion-nav-view></ion-nav-view> 
    </body> 
</html>

partialview1.html

<ion-view> 
    <ion-scroll> 
    <div> 
     //more content 
    </div> 
    </ion-scroll> 
</ion-view>

источник

2015-06-11 16:33:13 vdj4y

Как добавить директиву прокрутки ионов в div?

ответ

Смежные вопросы