我尝试与http://nekman.github.io/keynavigator/中的示例4相同。目标是使用键盘在行上上下移动。
我使用AngularJs和Bootstrap。首先,我尝试在示例中应用jquery但是没有运行正常。之后,我尝试使用指令对表的tr元素应用angularJs,但它也不起作用。
指令代码:
angular.module('app').directive('navigator', function() {
return function(scope, elem) {
elem.keynavigator();
}
});
表格代码:
<table ng-table="tableParams" template-header="ng_header" navigator class="table table-bordered table-condensed ng-table-rowselected">
<tbody>
<tr ng-repeat="client in $data">
<td>
<a type="button" ng-click="edit($index)"><i class="fa fa-pencil"></i></button>
</td>
<td>
<a type="button" ng-click="delete($index)"><i class="fa fa-trash-o"></i></button>
</td>
<td ng-repeat="column in columns" ng-show="column.visible" sortable="column.field">
{{client[column.field]}}
</td>
</tr>
</tbody>
</table>
我希望有人可以帮助我。