Wie kommuniziert man in Angular 4 App mit dem DOM?

Question

Ich bin versuchen addItems Methode jedoch aufrufen, ich bin ein immer Fehler:

Uncaught TypeError: this.addItems is not a function

I Angular 4 mit jQuery und fullpage.js Bibliothek bin.

page-content.component.ts

import { Component, OnInit } from '@angular/core'; 
import { MyDataService } from './my-data.service'; 
import * as $ from 'jquery'; 
import 'fullpage.js'; 

@Component({ 
    selector: 'page-content', 
    providers: [MyDataService], 
    templateUrl: './page-content.component.html', 
    styleUrls: ['./page-content.component.css'] 
}) 
export class PageContentComponent implements OnInit { 
    single_post = ''; 
    posts = []; 
    constructor(private newService: MyDataService) { 
     this.addItems(0, this.no_of_post); 
    } 
    ngOnInit() { 
     $(document).ready(function() { 
     if($('html').hasClass('fp-enabled')){ 
       $.fn.fullpage.destroy('all'); 
      } 
     $('#fullpage').fullpage({ 
      onLeave: function(index, nextIndex, direction){ 
       const start = this.no_of_post; 
       this.no_of_post += 1; 
       this.addItems(start, this.no_of_post); 
      } 
     }); 
     }); 
    } 

    addItems(startIndex, endIndex) { 
    for (let i = startIndex; i < this.no_of_post; ++i) { 
     this.newService.fetchData().subscribe(data=>{ 
      this.single_post = data[i]; 
      this.posts.push(this.single_post); 
     }); 
    } 
    } 
} 

Answer 1

Ich würde Ihnen vorschlagen, diesen Aufruf von Konstruktor ngOnInit() auf

constructor(private newService: MyDataService) { 
    this.addItems(0, this.no_of_post); 
} 

Und daran ist, dass this Punkte zu bewegen, seine Klasse. Sie haben keine Eigenschaft no_of_post in dieser Klasse.

Sie Problem haben auch mit dieser Zeichenfolge

onLeave: function(index, nextIndex, direction) {

Pfeil Funktion

onLeave: (index, nextIndex, direction) => {