Demos wanted

[davestewart]

Would anyone like to build versions of the form demos for other frameworks?

• http://statemachine.davestewart.io/html/examples/systems/sign-up.html
• http://statemachine.davestewart.io/html/examples/vue/vue-sign-up.html

[ltotsas]

what about an angular demo? this :data-state tag is killing me. There is no such tag.

[davestewart]

Hey @ltotsas - can you elaborate? I'm not sure what you mean!

[ltotsas]

Of course and i am sorry if i wasn't that detailed. I am using Ionic and i am unable to assign the current state to the DOM. From your VUE examples <section id="states" :data-state="state.name" :class="{paused:state.paused}"> ,but angular does not have this :data-state tag. I am trying to replicate your "branching" example but i can only instantiate the state-machine.

{name: "green", index: 0, paused: false, is: {…}, actions: {…}, …}

StateMachine {transitions: TransitionMap, handlers: HandlerMap, state: "green", config: Config}

[davestewart]

Ah, : is just a Vue binding, the same as v-bind.

How does Angular do binding?

You might be better off looking at the jQuery example, which uses the jQuery helper:

• http://statemachine.davestewart.io/html/examples/flows/branching.html
• http://statemachine.davestewart.io/assets/js/setup.js

Or you could try the ObjectHelper:

• https://github.com/davestewart/javascript-state-machine/blob/master/src/helpers/ObjectHelper.js

Apologies, it's so long since I looked at this code, it's hard to remember what does what!