2013-10-17 51 views
0

HTML视图部分不工作,其中每点击prev和next按钮viewCategory功能将工作:触发的角度JS

<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'); 
}; 

与分组功能也 同样的事情但触发器不工作.... 请帮我出来.. 在此先感谢....

回答

0

它不是g实践操作与DOM到控制器。改用指令。

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

其中:Slider

希望它会帮助你

0

在这一点上,你正在触发点击李元素。试试:

$(ele).parent().find('li.selected').removeClass('selected').next().addClass('selected').find('a').triggerHandler('click');