Installing Wheel of Fortune Script on Ember.js-based Websites
- First, create a new Ember.js application or open an existing one.
- Add the WheelWidget script to your app by adding the following code to your
index.html
file:<script src="https://files.wheelwidget.com/wheel-widget.umd.js" async defer>
Make sure to replace YOUR_ID
with the actual ID of your WheelWidget account.
- In your Ember.js component or template, add a new element where the WheelWidget will be displayed. You can add this anywhere in your component or template, for example:
<div id="wheel-widget"></div>
- In your component or controller, add the following code to initialize the WheelWidget:
import { on } from '@ember/object/evented';// ...initWheelWidget: on('didInsertElement', function() { const wheelWidget = window.wheelWidget; // Initialize WheelWidget wheelWidget.init('wheel-widget', { id: 'YOUR_ID', // Add any additional options here });})
This code initializes the WheelWidget by calling theinit
function with the ID of the element where the widget will be displayed, as well as any additional options you want to configure. - That's it! Your Ember.js app is now integrated with WheelWidget. You can customize the appearance and behavior of the widget by modifying the options passed to the
init
function.
This instruction didn't help me
Our support & Q team email