Angularjs 如何选择角度Js中的td元素悬停光标指针
我的场景,如果我开始选择表td元素jan01、feb 01、mar 01,则继续选择apri01、apri02、mar 02、feb 02 选择表td,然后将类更改为“cellselect”,并将选定的td元素“datavalselet”val添加到一个数组中,即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元素。不包括孔的行和列 请查看我
$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