如何在元素加載到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