Angular Datatable not able to assign the data from variable

Question

i am trying to assign data to dtOptions - but not works. what is the correct way to do it?

here is my function:

 getDatas(){
        this.datas = this.http.get('data/data.json').subscribe(values =>  values);//values available  here
    }

    ngOnInit() {

        this.categoryListCopy = this.categoryList;
        this.getDatas()

        const that = this;
        this.dtOptions = {

            columns:[{
                data: 'id'
            }, {
                data: 'firstName'
            }, {
                data: 'lastName'
            }],
            pagingType: 'full_numbers',
            pageLength: 10,
            serverSide: false,
            processing: true,
            ajax: this.datas
            };



        }

Shail_bee · Accepted Answer · 2019-04-29 10:57:25Z

1

You just need to use Observable, your code will look like this:

getDatas(): Observable{
        return this.http.get('https://jsonplaceholder.typicode.com/todos/1');
    }

  ngOnInit() {
        this.getDatas().subscribe(values =>  {
           console.log(values);
           // You can assign dtOptions here, you will have your data in values.
        });      
  }

You can find the working plunk here.

answered Apr 29, 2019 at 10:57

Shail_bee

5096 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

3gwebtrain Over a year ago

as well how to update with adding some filter later? ( user want to see x item of data only )

Shail_bee Over a year ago

You can simply use .map and .filter to filter out your response, please look for the how to use it.

Collectives™ on Stack Overflow

Angular Datatable not able to assign the data from variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related