javascript - Celltemplate 角度グリッドでボタンのクリックが機能しない

Question

celltemplate を使用しようとしています。しかし、クリックイベントは機能しませんでした。

    $scope.format = function(val){
            return val.replace(/\//g, "");
        };

        var executionColumns = {
            data: [],
            enableSorting: true,
            paginationPageSizes: [25, 50, 75],
            paginationPageSize: 25,
            enableColumnMenu: true,
            enableFiltering: true,
            columnDefs: [

              { field: 'StartDate', cellTemplate: '<button ng-click="format (row.entity)">log</button>' },
              { field: 'Status' },

            ]

        };

それで、私は何をすべきですか？何が間違っていますか？

Answer 1

2番目のコードのように機能します

         columnDefs: [
          { field: 'StartDate', cellTemplate: '<button ng-click="format(grid.getCellVale(row.entity)   )">log</button>' },
          { field: 'Status' },

        ]

または、フォーマット関数を次のように定義された外部スコープに移動します

 $scope.globalExternalScope = {
       format:function(entity){..........}
    }

そして、次のようなテンプレートを使用します

         columnDefs: [
          { field: 'StartDate', cellTemplate: '<button ng-click="getExternalScopes().format(grid.getCellVale(row.entity)   )">log</button>' },
          { field: 'Status' },

        ]

Answer 2

使用する <button ng-click="grid.appScope.format (row.entity)">log</button>

それは今私のために働いています！

Answer 3

その.component中でレンダリングする a を使用していui-gridて、メソッドが次のように定義されている場合: this.handleClick = function(){...}

cellTemplate経由 で利用できます cellTemplate: '<button ng-click="grid.appScope.$ctrl.handleClick()">log</button>' }