Использование события onclick в bootstraptoggle в приложении scala-js

Question

В моем приложении scala-js я хочу использовать библиотеку bootstraptoggle , чтобы создать красивую кнопку переключения.

Пока я создаю кнопку-переключатель с помощью метода, который выглядит примерно так:

import scalatags.JsDom
import scalatags.JsDom.all._
// ...


def createToggleButton(): JsDom.TypedTag[Input] = {
  def onClick = println("HELLO WORLD!")
  input(id := "myToggle",
        attr("data-toggle") := "toggle",
        `type` := "checkbox",
        onclick := onClick,
        attr("data-on") := "ON",
        attr("data-off") := "OFF",
        attr("data-onstyle") := "success",
        attr("data-width") := "85",
        attr("data-height") := "26")
}

При рендеринге и добавлении его в мой DOM это выглядит так:

Пока все работает. Особенность заключается в следующем: При рендеринге страницы («F5») моя консоль (Chrome - «F12») показывает один «HELLO WORLD!» вывод с самого начала. После этого событие onclick, похоже, больше не срабатывает .

Кто-нибудь знает, как это исправить?

Answer 1

Так как я не смог заставить загрузчик работать, я решил сделать свой собственный. Итак, вот мое решение: ToggleSwitchWithLabels.scala

Answer 2

Вы должны присвоить функцию вида () => action() атрибуту onclick. В настоящее время вы оцениваете def onClick один раз и сохраняете результат этого вызова функции (который является значением ()) в атрибуте onclick. Вместо этого вы должны написать

onclick := { () => onClick }