相关疑难解决方法(0)

使用ng-repeat列表中的分页

我正在尝试将页面添加到我的列表中.我按照AngularJS教程,一个关于智能手机的教程,我试图只显示一定数量的对象.这是我的html文件:

  <div class='container-fluid'>
    <div class='row-fluid'>
        <div class='span2'>
            Search: <input ng-model='searchBar'>
            Sort by: 
            <select ng-model='orderProp'>
                <option value='name'>Alphabetical</option>
                <option value='age'>Newest</option>
            </select>
            You selected the phones to be ordered by: {{orderProp}}
        </div>

        <div class='span10'>
          <select ng-model='limit'>
            <option value='5'>Show 5 per page</option>
            <option value='10'>Show 10 per page</option>
            <option value='15'>Show 15 per page</option>
            <option value='20'>Show 20 per page</option>
          </select>
          <ul class='phones'>
            <li class='thumbnail' ng-repeat='phone in phones | filter:searchBar | orderBy:orderProp | limitTo:limit'>
                <a href='#/phones/{{phone.id}}' class='thumb'><img ng-src='{{phone.imageUrl}}'></a>
                <a href='#/phones/{{phone.id}}'>{{phone.name}}</a>
                <p>{{phone.snippet}}</p>
            </li>
          </ul>
        </div>
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

我添加了一个带有一些值的select标签,以限制将要显示的项目数.我现在想要的是添加分页以显示下一个5,10等. …

javascript paginate angularjs

130
推荐指数
4
解决办法
22万
查看次数

角度ng变化延迟

我有一个输入,可以在更改时过滤ng-repeat列表.重复包含大量数据,需要几秒钟来过滤所有内容.在开始过滤过程之前,我希望它们延迟0.5秒.角度创建此延迟的正确方法是什么?

输入

 <input ng-model="xyz" ng-change="FilterByName()" />
Run Code Online (Sandbox Code Playgroud)

重复

 <div ng-repeat"foo in bar">
      <p>{{foo.bar}}</p>
 </div>
Run Code Online (Sandbox Code Playgroud)

过滤功能

 $scope.FilterByName = function () {
      //Filtering Stuff Here
 });
Run Code Online (Sandbox Code Playgroud)

谢谢

angularjs angularjs-directive angularjs-ng-repeat

114
推荐指数
3
解决办法
7万
查看次数