can't transfer attribute "onclick" to child component about weex HOT 2 CLOSED

<element name="foo">
  <template>
    <container style="margin-top: 40px;margin-bottom: 40px;">
      <text>foo</text>
    </container>
  </template>
</element>

<element name="bar">
  <template>
    <container>
      <text onclick={{clicked}}>Bind bar click</text>
    </container>
  </template>

  <script>
    module.exports = {
      methods: {
        clicked: function() {
          this.$dispatch('barclicked');
        }
      }
    }
  </script>

</element>

<template>
  <container>
    <foo onclick={{clicked}}></foo>
    <bar></bar>
  </container>
</template>

<script>
  module.exports = {
    ready: function() {
      var self = this;
      this.$on('barclicked', function() {
        self.$call('modal', 'toast', {'message': 'bar clicked!'});
      })
    },
    methods: {
      clicked: function() {
        this.$call('modal', 'toast', {'message': 'foo clicked!'});
      }
    }
  }
</script>