How does event handling work

[janwirth]

First off, thank you for this very cool piece of software!

I am kind of stuck on how I would handle a simple click event with ngVue.
I can not find anything about this in the docs.

How is the data flow from the vue component upwards to the angular controller meant to work?

[nicolaspayot]

Well, you can't use Vue events from a Vue component that's within an AngularJS one, because you're in AngularJS context. You have to bind event callbacks as props. Here's an example:

• hello.controller.js (AngularJS)

class HelloController {
  constructor($scope) {
    this.$scope = $scope;
    this.handleClick = this.handleClick.bind(this);
  }

  handleClick(whateverArg) {
    // Don't forget to use $scope.$apply in case you need to update model data
    this.$scope.$apply(() => { ... });
  }
}

• hello.html (AngularJS)

<vue-component name="Hello" vprops-on-click="$ctrl.handleClick"></vue-component>

• Hello.vue

<script>
export default {
  props: {
    onClick: Function
  },
  ...
  methods: {
    whateverMethod() {
      this.onClick(this.whateverArg);
    }
  }
};
</script>

Hope this helps ;-)

[janwirth]

Thank, I will try it out. If I am successful, I will open a PR to merge this intel into the docs!

[janwirth]

Done. Please review PR.