如何在元素加载到dom后执行一些init Binding.scala

Question

@dom 
def chart(show: Var[Boolean]) = { 
    if(show.bind) { 
    <canvas id="chartCanvas"><canvas> 
    } 
} 

如何在启动画布时使用一些图表库，如chartjs将它加载到dom时？

Answer 1

解决方案1 ​​

@dom 
def chart(show: Var[Boolean]) = { 
    if(show.bind) { 
    val myCanvas = <canvas id="chartCanvas"><canvas> 
    yourInitializationCode(myCanvas) 
    myCanvas 
    } else { 
    <!-- don't show canvas --> 
    } 
} 

---

解决方案2

您可以创建自定义SingleMountPoint，并把初始化代码的重写mount方法：

val yourCustomMountPoint = new SingleMountPoint[Boolean](show) { 
    override def mount() = { 
    super.mount() 
    // You custom initialization code 
    } 
    override def unmount() = { 
    // You custom clean up code 
    super.unmount() 
    } 
    override def set(newValue: Boolean) = { 
    // You custom handler when `show` get changed 
    } 
} 

// Inject your custom mount point into the rendering process 
yourCustomMountPoint.bind