Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 数据表4_Angular_Datatables - Fatal编程技术网

Angular 数据表4

Angular 数据表4,angular,datatables,Angular,Datatables,[角度4-ts] 我使用metronic主题,其数据表来自远程位置,如下所示: var DatatableJsonRemoteDemo = function () { //== Private functions // basic demo var demo = function () { var datatable = $('.m_datatable').mDatatable({ // datasource definition data: {

[角度4-ts] 我使用metronic主题,其数据表来自远程位置,如下所示:

var DatatableJsonRemoteDemo = function () {
//== Private functions

// basic demo
var demo = function () {

    var datatable = $('.m_datatable').mDatatable({
        // datasource definition
        data: {
            type: 'remote',
            source: 'http://localhost/ci/api/Users',
            pageSize: 10,
            saveState: {
                cookie: true,
                webstorage: true
            }
        },

但是我的API使用了一个Header,在这里我必须传递一个密钥,我如何才能使这个请求适合一个密钥?我在哪里可以通过console.log查看我的返回?PS:step via post Thank

我正在使用Metronic和Angular v5.0.5。 要从远程位置创建数据表,您需要,

导入获取所需密钥的服务

从“../path.to.services/key.service”导入{KeyService}

然后在组件构造函数中调用它

constructor(private\u keyService:keyService){}

在ngOnInit()钩子中,创建选项数组(我将只关注数据部分)

并使用

让您的数据表=(

  • 要使用console.log,只需将它放在构造函数或ngOnInit钩子中您想要的任何位置

  • 如果您只想看到API请求的返回,只需进入navigator控制台的网络部分,按XHR过滤请求,并获取并找到与datatable对应的请求(类似于
    用户?datatable%5Bquery%5D=

  • 为了显示结果,您可能需要使用函数映射它们,我请您阅读并查找data.source.read.map部分


  • 祝你好运!

    我正在使用Metronic和Angular v5.0.5。 要从远程位置创建数据表,您需要,

    导入获取所需密钥的服务

    从“../path.to.services/key.service”导入{KeyService};

    然后在组件构造函数中调用它

    constructor(private\u keyService:keyService){}

    在ngOnInit()钩子中,创建选项数组(我将只关注数据部分)

    并使用

    让您的数据表=(

  • 要使用console.log,只需将它放在构造函数或ngOnInit钩子中您想要的任何位置

  • 如果您只想看到API请求的返回,只需进入navigator控制台的网络部分,按XHR过滤请求,并获取并找到与datatable对应的请求(类似于
    用户?datatable%5Bquery%5D=

  • 为了显示结果,您可能需要使用函数映射它们,我请您阅读并查找data.source.read.map部分


  • 祝你好运!

    只是检查:这是一个角度问题还是角度问题?角度4是我的问题只是检查:这是一个角度问题还是角度问题?角度4是我的问题
    let options = {
          data: {
            type: 'remote',
            source: {
                read: {
                  url: 'http://your_API_URL.com',
                  method: 'POST',
                  headers: { 'Key': this._keyService.getKey()},
                }
            },
            pageSize: 10,
            saveState: {
              cookie: true,
              webstorage: true
            }
          }