Метод Carousel OnCyleTo не изменяет переменные в DOM - PullRequest
Новая
       27

Метод Carousel OnCyleTo не изменяет переменные в DOM

0 голосов
/ 13 октября 2018

Итак, у меня есть проект с материализацией css, и я хочу просто скрыть некоторые элементы с помощью переменной "debito", используя ngIf

Это код:

registration.ts

debito: boolean=true;
...
 ngOnInit(): void {

    var self = this;

    $( document ).ready(function(){

      ($('.carousel.carousel-slider') as any).carousel({
        fullWidth: true,
        onCycleTo: function(data) {

          console.log($(data).index());
          switch($(data).index()) {
            case 0:
            self.debito = true;
            console.log(self.debito)
            break;
            case 1:
            self.debito = false;
            console.log(self.debito)
            break;

            case 2: 
            self.debito = false;
            console.log(self.debito)
            break;



          }
       }
      });
      });


  }

registration.html 

<div class="container" *ngIf="debito">
    <div class="container">
      <div class="row center-align">
        <p>{{ 'Por favor ingresa la meta a alcanzar y el plazo en el que te gustaria alcanzarlo' }}</p>
      </div>
      <!--test-->
      <div class="row">
        <div class="input-field col s12">
          <input type="text" id="name" name="name" [(ngModel)]="user.name" name="name">
          <label for="name">{{ 'Proposito de meta' }}</label>
        </div>
      </div>
        <div class="row">
        <div class="input-field col s12">
          <input type="text" id="lastname" name="lastname" [(ngModel)]="user.lastname" name="lastname">
          <label for="lastname">{{ 'Cantidad' }}</label>
        </div>
      </div>
      <div class="row">
        <div class="input-field col s12">
          <input type="text" id="slastname" name="slastname" [(ngModel)]="user.slastname" name="slastname">
          <label for="slastname">{{ 'Fecha final' }}</label>
        </div>
      </div>

    </div>

Я действительно вижу в консоли, что индекс 0 изменяет переменную на true, а 1 или 2 индекса изменяет ее на false, но ngIf не делаетмой div удаляется, почему он не работает?

...