Angularjs 如何选择角度Js中的td元素悬停光标指针

Angularjs 如何选择角度Js中的td元素悬停光标指针,angularjs,angularjs-directive,angularjs-scope,angularjs-ng-repeat,Angularjs,Angularjs Directive,Angularjs Scope,Angularjs Ng Repeat,我的场景,如果我开始选择表td元素jan01、feb 01、mar 01,则继续选择apri01、apri02、mar 02、feb 02 选择表td,然后将类更改为“cellselect”,并将选定的td元素“datavalselet”val添加到一个数组中,即$scope.selectedCell=[]和 在$scope.unselectedCell=[]中取消选择td元素值添加项 是这样的。 但是,它基于td元素中的光标指针,而td元素是它唯一的select元素。不包括孔的行和列 请查看我

我的场景,如果我开始选择表td元素jan01、feb 01、mar 01,则继续选择apri01、apri02、mar 02、feb 02

选择表td,然后将类更改为“cellselect”,并将选定的td元素“datavalselet”val添加到一个数组中,即
$scope.selectedCell=[]和 在$scope.unselectedCell=[]中取消选择td元素值添加项

是这样的。 但是,它基于td元素中的光标指针,而td元素是它唯一的select元素。不包括孔的行和列

请查看我的实现代码

同样,相同的功能也适用于或支持移动设备

但是,我不想使用jquery和jquery ui可选函数以及mouser over和mouser down事件

如何在anguler js中实现这种类型的功能。或者它可能是在角Js中

我尝试使用mousedown和mouseup事件,但它不能正常工作,也不支持移动设备

任何其他方法都可以实现这类功能,也可以使用angular Js在移动设备上工作

我怎样才能做到这一点?或者请让我知道

我已经在JSFIDLE下面实现了一些代码

在Viewhtml文件中

<div ng-app>
<div ng-controller="myselectctr"> 

<table class="cell-box-selection">
    <thead>
<tr>
<th ng-repeat="monlist in monthsarr">
    {{monlist}} 
</th>
    </tr>
    </thead>

<tr>

        <td class="days-val">01</td>
<td ng-repeat="val in valindaysarr " class="mainbox_{{$index}} cellselect" ng-class="{'cellselect': cellbox{{$index}}, 'uncellselect': !cellbox{{$index}}}" ng-click="selectioncell($index)" datavalselet="{{val}}01">{{val}}01</td>

</tr>
    <tr>

        <td class="days-val">02</td>
<td ng-repeat="val in valindaysarr track by $index" class="mainbox_{{$index*1+7}} smallcell cellselect" ng-class="{'cellselect': cellbox{{$index*1+7}}, 'uncellselect': !cellbox{{$index*1+7}}}" ng-click="selectioncell($index*1+7)" datavalselet="{{val}}02">{{val}}02</td>

</tr>
     <tr>

        <td class="days-val">03</td>
<td ng-repeat="val in valindaysarr track by $index" class="mainbox_{{$index*1+14}} smallcell cellselect" ng-class="{'cellselect': cellbox{{$index*1+14}}, 'uncellselect': !cellbox{{$index*1+14}}}" ng-click="selectioncell($index*1+14)" datavalselet="{{val}}03">{{val}}03</td>

</tr>

</table>  
    </div>
    </div>

{{monlist}}
01
{{val}}01
02
{{val}}02
03
{{val}}03
在Controller.js中

function myselectctr($scope) {

    $scope.selectedCell = [];

    $scope.unselectedCell = [];


    $scope.monthsarr = ['M/D','Jan','Feb','Mar','Apri', 'May', 'Jun', 'Jul'];

    $scope.dayscountarr = ['01','02','03','04', '05','06','07'];

    $scope.valindaysarr = ['jan','feb','mar','apri', 'may','jun','jul'];

    for(var i=0; i<49; i++){
        $scope.selectioncell = function(i){
                    $scope['cellbox'+i] = !$scope['cellbox'+i];
        }
    }

}
函数myselectr($scope){
$scope.selectedCell=[];
$scope.unselectedCell=[];
$scope.monthsarr=['M/D','Jan','Feb','Mar','Apri','May','Jun','Jul'];
$scope.daysuntarr=['01','02','03','04','05','06','07'];
$scope.valindaysarr=[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’、‘七月’];
对于(var i=0;i