ng-click 在 ng-grid 中使用

Question

我希望你能帮我弄清楚如何将我的 ng-click 事件合并到我的代码中。我整个周末都在想办法解决这个问题。我发现这个 ng-click 事件 jsfiddle: http://jsfiddle.net/nisham/09k8f5s4/97/ 我想在我的项目中使用。

我希望用户能够看到网格，只需单击一个框并让它在 'Y' 和 'N' 之间来回切换。

我尝试了很多方法将 ng-click 事件合并到我的网页中。这是我为了方便分享而制作的插件：http://plnkr.co/edit/eTf96oJLIjtM7UiB742e?p=preview

我想我需要弄清楚如何以不同方式定义范围以添加我的功能？

我需要使用 a 来调用 ng-click 吗？

我需要在 $scope.myData 中添加变量吗？类似于：

$scope.myData = [
        { time: "8:00am", monday: val, tuesday: val,
??????????????

Answer 1

您可以通过对列定义中的列使用 cellTemplate 来实现：

       { 
          field: 'monday', 
          displayName: 'Monday' ,
          cellTemplate: '<div class="ngCellText"><div ng-click="onClickFn(row.entity, col.field)">{{row.getProperty(col.field)}}</div></div>',
          enableCellEdit: false
        }

检查此工作 plunker。

ng-click 在 ng-grid 中使用

ng-click used inside ng-grid

angularjs

ng-grid

angularjs-ng-click