gwtech AngularJS Game Tutorial 3: Tile Map - Dispatching menu events

In order to make our map editor app more dynamic, we'll replace the hard-coded menu links with a list of actions passed in from the controller. Using Angular's ng-repeat, we're able to achieve the same result as PHP's foreach loop. By programming this way, we can declaratively create a menu widget that can be configured from the outside of the app, or directly in the JavaScript code within the controller. That's the beauty of the MVC architecture, as well as the power of Angular.js.

To make the rest of the application do stuff when an action item is clicked on the main navigation menu, we'll hook up the click event using ng-click, and calling a function defined in the controller called dispatchMenu(). This method will take some key that corresponds to the menu item clicked. Inside the method we will call the $broadcast method of the $rootScope element that AngularJS provides through dependency injection. Then, any components or widgets that would like to be notified about the event, can simply register with the publisher object that's native to the framework (using the pub/sub design pattern), and when the user clicks that nav option, we'll have those modules be notified what actual option was selected.

Base description: Learn how to create 2D games using Angular.js and HTML5. The Tile-based map editor created in this tutorials is open-source, and is a built-in (but standalone) component of the RokkoJS game engine. Check out the JavaScript game framework Git repository at https://github.com/formigone/rokkojs

Copyright (c) 2013 Rodrigo Silveira http://www.easylearntutorial.com

gwtech AngularJS Game Tutorial 3: Tile Map - Dispatching menu events
48 Likes	48 Dislikes
14,708 views views	18.1K followers
Education	Upload TimePublished on 24 Oct 2013

Related keywords

javascript tutorial for beginners udemy,javascript tutorial for beginners ppt,gwtool gmod,object oriented javascript es6,gwtool,getnet,php str_replace,php for loop,php tutorials for beginners pdf,php strpos,object oriented javascript interview questions,php currency,php in_array,object oriented javascript es6 pdf,javascript for,javascript reduce,object oriented javascript tutorial pdf,php tutorials for beginners with examples,php agency,php foreach,gwtr direto,javascript tutorial for beginners ej media,javascript для детей,getussp,php tutorials for web development,php date,javascript tutorial for beginners to advanced,object oriented javascript w3schools,javascript switch,object oriented javascript projects,object oriented javascript udemy,php to usd,gwti,gwtk,php tutorials w3schools,php tutorials online,gwtr,php array length,javascript tutorial for beginners youtube,javascript tutorial for beginners 2019,javascript substring,php tutorials point full pdf,php tutorials pdf,javascript книги,object oriented javascript udacity,object oriented javascript vs functional,php tutorialspoint,javascript tutorial for beginners telusko,php tutorials best,javascript tutorial for beginners in hindi,object oriented javascript frameworks,object oriented javascript book,php tutorials youtube,gwt board game,php try catch,php tutorials for beginners,getty,javascript class,object oriented javascript concepts,javascript tutorial for beginners pdf,php code,php substr,object oriented javascript tutorial point,javascript tutorial for beginners javatpoint,javascript array,javascript tutorial for beginners pdf free download,nintendo web framework tutorial,javascript tutorial for beginners w3schools,javascript map,javascript tutorial for beginners with examples in hindi,gwt brasil,php tutorials pdf free download,object oriented javascript tutorial,gwtools,object oriented javascript by stoyan stefanov,javascript foreach,object oriented javascript sample projects,gwt global,javascript settimeout,javascript tutorial for beginners step by step pdf,javascript date,php implode,php tutorials download,php tutorials point pdf,javascript для дітей,nintendo web framework switch,object oriented javascript interview questions and answers,javascript tutorial for beginners in urdu,gwt showcase,gwt java,php tutorialspoint quick guide,javascript tutorial for beginners in tamil,phpstorm,gwtk rh,php explode,javascript tutorial for beginners edureka,php tutorialspoint pdf free download,javascript split,php tutorials javatpoint,phpmyadmin,javascript tutorial for beginners step by step,javascript это,object oriented javascript 3rd edition,object oriented javascript cheat sheet,nintendo web framework download,javascript online,tutorialspoint php,javascript уроки,javascript replace,object oriented javascript medium,javascript tutorial for beginners mosh,phpbb,gato,javascript tutorial,javascript tutorial for beginners free,php isset,getulio vargas,php tutorials in hindi,gtwr11,javascript це,php tutorials free,php array,