离子收集 - 重复不能滚动到底部

时间:2016-09-23 08:15:26

标签: angularjs ionic-framework

使用collection-repeat时,我只能滚动到最后一个元素的中间。但刷新页面可以解决问题。 这是我的标记中的内容:

int inputNumber = 6;

textBox.Text += " \t" + String.Join("\t", Enumerable.Range(2, inputNumber-1)) + new string('\n', 3);

for (int i = 2; i <= inputNumber; i++)
{
    textBox.Text += i.ToString() + '\t';

    for (int j = 2; j <= inputNumber; j++)
    {
        textBox.Text += (i * j).ToString() + '\t';
    }
    textBox.Text += new string('\n', 3);
}

这就是我得到的:Result

不得不说,ng-repeat工作正常。我检查了CSS,一切都没问题。这是我在检查员看到的内容:

<ion-list ng-show="vm.models.length > 0">
    <ion-item collection-repeat="model in vm.models"
              item-height="200px" item-width="100%"
              ui-sref="app.state">
        <img ng-src="{{ model.image.uri }}">
     </ion-item>
</ion-list>

注意href中的空'param',我看到列表中最后一个元素之后的“空”元素数量

1 个答案:

答案 0 :(得分:0)

制作您赢得的滚动范围:

试试这个:

<ion-scroll direction="y" style="width: 100%; height:400px;">
    <ion-list ng-show="vm.models.length > 0">
        <ion-item collection-repeat="model in vm.models"
                  item-height="200px" item-width="100%"
                  ui-sref="app.state">
            <img ng-src="{{ model.image.uri }}">
         </ion-item>
    </ion-list>
    </ion-scroll>