'FullCalendar - Angular 4 - cannot render more than 2 events properly, fc-bg loop

I have some old project and it works in production, but when I tried to modify some things, I realized that fullcalendar is not working. Maybe wrong current angular or CLI version?

Chrome Dev Tools shows strange nesting of objects, and they all display in one place.

Probably Chrome Dev Tools is showing the wrong rendered html (auto close tags, etc.), but the problem is mainly that all events are displayed one under another, instead of covering the whole calendar week.

fullcalendar div fc-bg

Live project looks very good:

enter image description here

enter image description here

My package.json:

"dependencies": {
    "@angular/animations": "4.4.3",
    "@angular/common": "4.4.3",
    "@angular/compiler": "4.4.3",
    "@angular/compiler-cli": "4.4.3",
    "@angular/core": "4.4.3",
    "@angular/forms": "4.4.3",
    "@angular/http": "4.4.3",
    "@angular/platform-browser": "4.4.3",
    "@angular/platform-browser-dynamic": "4.4.3",
    "@angular/platform-server": "4.4.3",
    "@angular/router": "4.4.3",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.27",
    "@ng-idle/core": "2.0.0-beta.12",
    "@ng-idle/keepalive": "2.0.0-beta.12",
    "angular-calendar": "0.17.0",
    "angular2-chartjs": "0.1.6",
    "angular2-moment": "1.3.3",
    "angular2-text-mask": "8.0.1",
    "angularx-qrcode": "1.0.1",
    "ap-angular2-fullcalendar": "1.3.2",
    "core-js": "2.4.1",
    "crypto-js": "3.1.9-1",
    "file-saver": "1.3.3",
    "inputmask": "3.3.8",
    "mydatepicker": "1.9.13",
    "ng2-device-detector": "^1.0.0",
    "ng2-pop-over": "0.9.37",
    "ng2-select": "2.0.0",
    "ng2-uploader": "2.0.0",
    "ngx-perfect-scrollbar": "4.9.2",
    "ngx-uploader": "3.0.5",
    "rxjs": "^5.1.0",
    "typescript": "2.5.2",
    "zone.js": "^0.8.12"
  "devDependencies": {
    "@angular/cli": "1.4.3",
    "@angular/compiler-cli": "4.4.3",
    "@types/jasmine": "2.5.38",
    "@types/node": "~6.0.60",
    "codelyzer": "~2.0.0",
    "jasmine-core": "~2.5.2",
    "jasmine-spec-reporter": "~3.2.0",
    "karma": "~1.4.1",
    "karma-chrome-launcher": "~2.0.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^0.2.0",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "node-sass": "^4.5.2",
    "protractor": "~5.1.0",
    "ts-node": "~2.0.0",
    "tslint": "~4.5.0",
    "typescript": "2.5.2"
  }


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source