Angular ディレクティブで関数を呼び出すことについて質問があります。以下は、コントローラーからのコードをカプセル化する私のディレクティブです。コントローラーから URL と列を取得します。dtOptions はディレクティブで設定されます。
これまでのところ機能し、テーブルが表示されます。問題は、DTOptionsBuilder が関数 serverData を呼び出さないことです。FnServerData(serverData()) に括弧を追加すると、メソッドが呼び出されますが、パラメーターは未定義です。コードは、コントローラーで定義されている場合に機能します。
うまくいく方法が見えますか?
指令
angular.module('tab')
.directive('tabledirective', tableDirective);
function tableDirective(DTOptionsBuilder, DTColumnBuilder, RESTService){
return {
templateUrl: '../../views/tableTemplate.html',
restrict: 'E',
link: function (scope, elem, attr) {
var dtOption;
function serverData(sSource, aoData, fnCallback) {
//All the parameters you need is in the aoData variable
var draw = aoData[0].value;
var order = aoData[2].value;
var start = aoData[3].value;
var length = aoData[4].value;
var search = aoData[5].value;
//Then just call your service to get the records from server side
RESTService.get(scope.options.url, start, length, search, order, draw).success(function (result) {
var records = {
'draw': result.data.draw,
'recordsTotal': result.data.total,
'recordsFiltered': result.data.filtered,
'data': result.data.records
};
fnCallback(records);
});
};
dtOption = DTOptionsBuilder
.newOptions()
.withFnServerData(serverData)
.withBootstrap()
.withDataProp('data')
.withOption('processing', true)
.withOption('serverSide', true)
.withOption('paging', true)
.withPaginationType('full_numbers')
.withDisplayLength(10);
scope.options.dtoptions = dtOption;
}
};
}
コントローラ
angular.module('tab')
.controller('tableCtrl', tableCtrl);
function tableCtrl(DTColumnBuilder, DTOptionsBuilder, $scope){
$scope.options = {
dtcolumns: [
DTColumnBuilder.newColumn('Age', 'Alter'),
DTColumnBuilder.newColumn('Adresse', 'Adresse'),
DTColumnBuilder.newColumn('Name', 'Name')
],
dtoptions: '',
url: 'http://localhost:9000/api/Data/Get'
};
}