AngularJS和jqGrid

>以前我从来没听说过jqGrid.
>我没有太多的jQuery体验.
>从我可以告诉它的API不利于Angular的数据绑定方式与手动操作的1对1映射.

这是我想出来的.这是一个基本的例子,说明如何使用Angular指令来包装(或任何可能的)jQuery插件：

http://plnkr.co/edit/50dagqDV2hWE2UxG9Zjo?p=preview

让我知道如果jqGrid API有一个特定的部分需要帮助包装.

var myApp = angular.module('myApp',[]);

myApp.directive('ngJqGrid',function () {
return {
  restrict: 'E',scope: {
    config: '=',data: '=',},link: function (scope,element,attrs) {
    var table;

    scope.$watch('config',function (newValue) {
      element.children().empty();
      table = angular.element('<table></table>');
      element.append(table);
      $(table).jqGrid(newValue);
    });

    scope.$watch('data',function (newValue,oldValue) {
      var i;
      for (i = oldValue.length - 1; i >= 0; i--) {
        $(table).jqGrid('delRowData',i);
      }
      for (i = 0; i < newValue.length; i++) {
        $(table).jqGrid('addRowData',i,newValue[i]);
      }
    });
  }
};
});