0

HTML 视图部分,每次单击 prev 和 next 按钮时 viewCategory 功能将起作用:

  <div class="subheader">
            <ul class="categories">
                <li ng-repeat="cat in categoryList" ng-class="{selected: cat.selected}">
                    <a ng-click="viewCategory(cat.name, cat._id)">{{cat.name}}</a>
                </li>
                <button class="arrow-left" ng-click="prevList($event)"></button>
                <button class="arrow-right" ng-click="nextList($event)"></button>
            </ul>
        </div> 

控制器部分:

 $scope.nextList = function (e) {
     var ele = e.target;
     $(ele).parent().find('li.selected').removeClass('selected').next().addClass('selected').triggerHandler('click');
 };

prev 功能也一样但是触发器不起作用....请帮帮我..提前谢谢....

4

2 回答 2

0

将 DOM 操作到控制器中并不是一个好习惯。请改用指令。

今天 Agularjs 有几个插件,比如触发器。所以不要重新发明轮子

其中:滑块

希望对你有帮助

于 2013-10-17T05:12:15.390 回答
0

此时您正在触发对 li 元素的点击。尝试:

$(ele).parent().find('li.selected').removeClass('selected').next().addClass('selected').find('a').triggerHandler('click');
于 2013-10-17T09:09:18.977 回答