可见性绑定

这是通过修改元素的style.display值改变元素的可见性, 要求属性值对应一个布尔，如果不是布尔， avalon会自动转换值为布尔。

  1. <body :controller="test">
  2. <script>
  3. var vm = avalon.define({
  4.   $id: "test",
  5.   aaa: "这是被隐藏的内容"
  6.   toggle: false
  7. })
  8. </script>
  9. <p><button type="button" :click='@toggle = !@toggle'>点我</span></p>
  10. <div :visible="@toggle">{{@aaa}}</div>
  11. </body>