Переключить Div в Полимер 3 - PullRequest
Новая
       7

Переключить Div в Полимер 3

0 голосов
/ 31 мая 2018

Я пытаюсь показать и скрыть div в Polymer 3, нажав на кнопку.Но когда я сохраняю в логе значение showhide boolean, его показ не определен?Мой код как показано ниже 

static get properties() {
    return {
      showNotification: Boolean
    };
  }

connectedCallback() {
    super.connectedCallback();
    this.showNotification = false;
}

<div class='notification-count' on-click='_showHideNotification'> 
<div>4</div></div>
<div class="cards" hidden$='[[showNotification]]'></div>

_showHideNotification() {
    this.showNotification != this.showNotification;
    console.log(this.showNotification);
  }

1 Ответ

0 голосов
/ 31 мая 2018

Чтобы быть уверенным, что об изменениях уведомлено, вы должны использовать метод set вместо прямого присвоения свойству.Таким образом, ваш connectedCallback будет: 

connectedCallback() {
    super.connectedCallback();
    this.set('showNotification', false);
}

, и в вашей функции переключения у вас есть только неиспользуемое сравнение, вы даже не пытаетесь изменить значение ... так что, возможно, это будет: 

_showHideNotification() {
    this.set('showNotification', !this.showNotification);
    console.log(this.showNotification);
}

Я не знаю всей логики того, что вы там делаете, возможно, это не проблема, но просто имейте в виду, что вы вызываете свойство showNotification и выскрывать что-то, когда это правда.Так что, возможно, вы захотите убедиться, что не имеете это в виду наоборот ...

...