Question

我是Angular的新手，经过多天的挫折，我发现在Ajax调用之后DOM被重新构建了，这对我来说很清楚，但由于我对Angular很新，我无法弄清楚如何保留它一起。现在，当我的Ajax调用发生时，代码会破坏所有内容，我在Ajax请求之后尝试了以下代码，但现在我的旋转木马已经消失了。

this.currentIndex = 0;
this.slickConfig = {
  event: {
    afterChange: function (event, slick, currentSlide, nextSlide) {
      this.currentIndex = currentSlide; // save current index each time
    }
    init: function (event, slick) {
      slick.slickGoTo($scope.currentIndex); // slide to correct index when init
    }
  }
};

虽然init给出了红色下划线。我的ajax电话就像是关注

this.httpClientService.postAjaxForm(link, postData)
  .subscribe(response => {
    if (response["x"] != undefined && response["x"] != null) {
       this.x= response["x"];  
       this.currentIndex = 0;
       this.slickConfig = {
          event: {
            afterChange: function (event, slick, currentSlide, nextSlide) {
              this.currentIndex = currentSlide; // save current index each time
            }
            init: function (event, slick) {
              slick.slickGoTo($scope.currentIndex); // slide to correct index when init
            }
          }
        }; 
    }

为什么以上调用不会让我的carousel正常工作，并且在调用ajax时为什么页面会被破坏？

ajax调用后保留DOM

0 个答案: