How to install Blockly into Angularjs application.

1,027 views
Skip to first unread message

Krishna Chandar K

unread,
Jul 3, 2015, 4:09:48 AM7/3/15
to blo...@googlegroups.com
Hi Team,

Can anyone help installing Blockly into my Angularjs Application? Is there any Bower components available in github to inject into angular app?

Regards,
Krishna

Mark Friedman

unread,
Jul 8, 2015, 2:42:23 PM7/8/15
to blo...@googlegroups.com
The https://github.com/zrdev/zrdev.github.io project appears to be using AngularJS and Blockly.  Maybe looking at their code will help.

-Mark

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+u...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Jody Florian

unread,
Dec 31, 2016, 3:16:02 AM12/31/16
to Blockly
Did you have any luck?

Krishna Chandar K

unread,
Jan 2, 2017, 5:09:35 AM1/2/17
to blo...@googlegroups.com
Unfortunately no :-(

Regards,
Krishna

On Sat, Dec 31, 2016 at 1:46 PM, Jody Florian <jody.f...@gmail.com> wrote:
Did you have any luck?

--
You received this message because you are subscribed to a topic in the Google Groups "Blockly" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/blockly/ysgzY88gB4I/unsubscribe.
To unsubscribe from this group and all its topics, send an email to blockly+unsubscribe@googlegroups.com.

Jody Florian

unread,
Jan 2, 2017, 5:27:40 AM1/2/17
to Blockly
I've just found a github repo where someone hacked something together successfully it seems:

 - Background: http://blog.chrisbriggsy.com/First-Angular-Hack-Day-Melbourne/
 - The Code:  https://github.com/sharpmonkey/angular2-blockly


On Monday, 2 January 2017 10:09:35 UTC, Krishna Chandar K wrote:
Unfortunately no :-(

Regards,
Krishna
On Sat, Dec 31, 2016 at 1:46 PM, Jody Florian <jody.f...@gmail.com> wrote:
Did you have any luck?

--
You received this message because you are subscribed to a topic in the Google Groups "Blockly" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/blockly/ysgzY88gB4I/unsubscribe.
To unsubscribe from this group and all its topics, send an email to blockly+u...@googlegroups.com.

Blake

unread,
Jan 2, 2017, 7:16:48 AM1/2/17
to Blockly
Jody,

I had some success a couple of years ago integrating Blockly and Angular 1.5.x.
I ended up rewriting the blockly build.js with gulp.

Not sure if this will be of use to you. The reason for rewriting the build was to allow for blockly extensions. I needed to extend and modify parts of blocky but I wanted to do the changes as part of the build phase to make updating blockly easier.


If you want to see it in action answer the questions with random answers to get to step 9

Best,
Blake

--
You received this message because you are subscribed to the Google Groups "Blockly" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blockly+unsubscribe@googlegroups.com.

Madeeha Ghori

unread,
Jan 3, 2017, 2:14:16 PM1/3/17
to Blockly
Hi all!

My name is Madeeha, I'm part of the Blockly at Google. While I don't have experience with AngularJS and Blockly specifically, there is a Blockly demo that uses Angular 2. AccessibleBlockly (https://github.com/google/blockly/tree/master/accessible) is a screen-reader accessible UI for the Blockly library. You can see the demo at blockly/demos/accessible. Let me know if that helps or if you have any further questions!

Reply all
Reply to author
Forward
0 new messages