私はアクションとhtmlコードを実行できるように、私は私のテーブル内のカスタム列を作成する必要が行オブジェクトデータとhtml

Question

と列を作成し、行を定義する目的に応じて生成されなければなりません。

私は角に新たなんだと私は$コンパイルが、私はどのようにわからないを使用する必要がありますと仮定します。

列定義：

vm.dtColumns = [ 
    DTColumnBuilder.newColumn('name').withTitle("Name"), 
    DTColumnBuilder.newColumn(null).withTitle("Actions").notSortable() 
    .renderWith(function(data, type, full, meta) { 
    //imported code from a previous version where the code was generated from a ng-repeat directive 
    //project is the object, which can be found in the full parameter of the function 
    var html = '<button data-toggle="modal" data-target="#archiveProjectModal" type="button" class="btn btn-success col-sm-10 col-sm-offset-1" ng-if="project.active"><i class="fa fa-check">&nbsp;&nbsp;</i>Archiver</button>' 
    + '<a href="/project/{{project.id}}" type="button" class="btn btn-primary col-sm-10 col-sm-offset-1"><i class="fa fa-pencil">&nbsp;&nbsp;</i>Mettre à jour</a>' 
    + '<button data-toggle="modal" data-target="#deleteProjectModal" type="button" class="btn btn-danger col-xs-10 col-xs-offset-1"><i class="fa fa-trash">&nbsp;&nbsp;</i>Supprimer</button>' 
    //what should i return ? 
     return "?"; 
    }), 
]; 

誰かが私を助けることができますか？

Answer 1

あなたが返されたHTMLがそうでng-clickのように、呼び出されたとされなければならないディレクティブが含まれている場合にのみ$compileが必要になりますHTML文字列

return html 

を返す必要があります。 initCompleteコールバックにそれを実行します。

vm.dtOptions = DTOptionsBuilder.newOptions() 
    .withOption('initComplate', function() { 
    $compile(angular.element('#tableId'))($scope); 
    }) 
})