Parent function cannot be invoked by child component

html

<script src="https://unpkg.com/moonjs"></script>

<div id="app">
  <my-component content="{{parentMsg}}" check="{{talk}}"></my-component>
</div>

JavaScript

Moon.component('my-component', {
  props: ['content', 'check'],
  template: "<div><p>Data from Parent: {{content}}</p><button m-on:click='say'>SAY</button></div>",
  methods: {
      say: function() {
        this.callMethod("check");
    }
  }
});

const app = new Moon({
  el: "#app",
  data: {
    parentMsg: "yo"
  },
  methods: {
  	talk: function() {
    	alert("from parent " + this.get("parentMsg"));
    }
  }
});

html

<script src="https://unpkg.com/moonjs"></script>

<div id="app">
  <my-component content="{{parentMsg}}" check="{{talk}}"></my-component>
</div>

JavaScript

Moon.component('my-component', {
  props: ['content', 'check'],
  template: "<div><p>Data from Parent: {{content}}</p><button m-on:click='say'>SAY</button></div>",
  methods: {
      say: function() {
        this.callMethod("check");
    }
  }
});

const app = new Moon({
  el: "#app",
  data: {
    parentMsg: "yo"
  },
  methods: {
  	talk: function() {
    	  alert("from parent " + this.get("parentMsg"));
        }
  }
});

This alert() dialog is not shown when the user clicks SAY button. Or maybe I’m doing it the wrong way? How can the child component call a function from its parent? I supposed to do it via passing the parent’s function thru props. But it doesn’t work.

[maiah]

It’s still work in progress hack&slash stuff in Gopherjs, I will still need to create a full blown small app on it like todo list or something to see if it works well.

[maiah]

Oh nice! Glad to hear that Moon will have its official state manager. I will keep an eye on this.