Comments (3)
Thank, I will try it out. If I am successful, I will open a PR to merge this intel into the docs!
from ngvue.
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 ;-)
from ngvue.
Done. Please review PR.
from ngvue.
Related Issues (20)
- Support for composition api? HOT 2
- .sync modifier HOT 2
- Vue3 support HOT 6
- Support multiple children in <slot>
- How to listen to broadcasted event from angular components into Vue component? HOT 4
- Vue component not rendering on IE HOT 1
- Vue-apollo provider doesn't work
- How to use Vue.js provide/inject with ngVue?
- Quirk Mode doesn't work.
- Specify `module` to `build/index.esm.js` in `package.json` to support ESM import HOT 2
- Incorrect main/module/exports in `package.json` in v2.1.1 HOT 2
- Mount Vue in ShadowDOM HOT 1
- Plugins do not work with Webpack 5 HOT 4
- Time to remove that deprecation message? HOT 4
- Update to the Vuex store does not trigger update in the components in debug mode. HOT 2
- `this.$store` is undefined after migration to wepback5 HOT 8
- how to re render a vue component with ngVue HOT 3
- Error: ngVue components must have a parent tag or they will not render HOT 1
- Maintainers needed
- v-directive not updating value
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngvue.