小编ama*_*s77的帖子

为什么我不能在cellTemplate中绑定输入类型"复选框"?

这是我的plunker示例: http ://plnkr.co/edit/Tc9FRHAEoQlOqy7sk1Ae?p = preview

我正在尝试做的事情: 使用cellTemplate将我的数据中的field04的复选框html绑定到单元格,并仍然可以访问其ng-click功能.

app.js中的代码:

var app = angular.module('app', ['ui.grid', 'ngSanitize']);

app.controller('MainCtrl', ['$scope', '$log', function ($scope, $log, $sce) {

$scope.myViewModel = {
  someProp:'abc',
  showMe : function(){
     alert(this.someProp);
  }
};

$scope.gridOptions = {
};

$scope.gridOptions.columnDefs = [
     { name: 'field01', field: 'field01' },
     { name: 'field02', field: 'field02'},
     { name: 'field03', field: 'field03', cellTemplate: '<input type="checkbox" ng-model="row.entity.field03" ng-click="$event.stopPropagation();getExternalScopes().showMe()">'},
     { name: 'field04', field: 'field04', cellTemplate: 'viewTemplate2'},
     { name: 'field05', field: 'field05', cellTemplate: 'viewTemplate2'} 
   ];

$scope.gridOptions.data = [
  {
      "field01": …
Run Code Online (Sandbox Code Playgroud)

angular-ui-grid

7
推荐指数
1
解决办法
3万
查看次数

标签 统计

angular-ui-grid ×1