使用angularJs自动滚动

时间:2017-05-04 13:13:34

标签: angularjs angularjs-directive

我在div中有一个项目列表,带有ng-repeat angular指令。我需要这个列表,使用自动滚动,它是DEMO(它使用jquery超级跑步机)。如何使用角度js(版本1.6)?

<div class="panel-body">
    <div ng-repeat="model in collection">
        <h1>{{model.name}}</h1>
        <p>{{model.description}}</p>
    </div>
</div>

1 个答案:

答案 0 :(得分:1)

你可以用简单的指令

来做
app.directive('startTreadmill', function(){
     return {
         link: function(scope, element, attr){
              $(element).startTreadmill({ direction: "down"});
         }
     }
})


<div class="panel-body" start-treadmill>
    <div ng-repeat="model in collection">
        <h1>{{model.name}}</h1>
        <p>{{model.description}}</p>
    </div>
</div>