觸發的角度JS

Question

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

與分組功能也 同樣的事情但觸發器不工作.... 請幫我出來.. 在此先感謝....

Answer 1

它不是g實踐操作與DOM到控制器。改用指令。

今天Agularjs有幾個插件像觸發器。所以不要重新發明輪子

其中：Slider。

希望它會幫助你

Answer 2

在這一點上，你正在觸發點擊李元素。試試：

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