![]() This section will be a mixture of my own words, and text lifted directly from the Angular.js web site. ![]() In this section, I will discuss some of the BASICS of working with Angular.js. You should then run the Angular web site, make sure that you have Index.html set as start page in Visual Studio and then use Visual Studio to run the Angular web site.This can be done by building the Publisher.Wpf project to an EXE and simply finding the EXE in your file system and double clicking it to run (or use Visual Studio to run up an instance in DEBUG) You should ensure that the Publisher.Wpf project is run up first and that it is displaying all the images.If you find that some of the Publisher.Wpf projects references can not be found, I have included them in a "Lib" folder where you can simply re-reference them from.You should really ensure that you follow these steps to run the demo code successfully. This is what the 2 parts of this articles' demo code should look like when they are running correctly: So in plain terms, that is all there is to it, this image may help to solidify what I just stated in words, picture says 1000 nd words and all that: The user may also choose to a view static about page, which I simply added to make enough routes to make things more worthwhile when demonstrating the routing within Angular.js.These thumbnails may be clicked on to show a pretty standard ColorBox ( Lightbox, etc. type thing) jQuery plugin. The user may also choose to navigate to a favourites page that will display some thumbnail images of their HTML 5 local storage persisted favourites.The user may also decide to remove image tiles from their favourites from the root page. This information includes size, position, etc., so when the user comes back to the root page, their favourites (the ones they saved) should appear exactly as they were before. The user may then choose to save the image tile to their favourites, which will cause ALL the information about the image tile to be saved to HTML 5 local storage. The image tile may be resized and dragged around thanks to some jQuery UI love. The root page will display an image tile for each allowable message received. When on the root page, the Angular.js will listen to messages sent via the WPF publisher over a web socket, which then gets broadcast internally using the Reactive Extensions for JavaScript to anyone interested, which in this article is essentially just the root page.The Angular.js web site essentially carries out these tasks. The Angular.js web site, is where the fun stuff happens (at least in my opinion). In a nutshell, that is all the publisher does. Anyway, what the publisher does is to allow user to click a image, when the user clicks an image, a message is sent to the Angular.js web site using web sockets (more on this later). ![]() I will not be spending too much time talking about the publisher in this article, as it is not the important part of the article, it is simply a vehicle to demonstrate stuff within the Angular.js web site. This is a standard WPF project, as such produces an EXE file that can be run. There are 2 parts to the attached demo app: Publisher #Angularjs code examples how to#This article will talk about some of the fundamental ideas behind Angular.js, and shall then focus on the specifics of the demo application that I have created to go along with this article.īefore we get into the actual article, I will just briefly (not too techie just yet, though I know you lot will want to see that, and it will come, don't worry) talk about what the demo app does in plain terms, so you know how to drive the thing yourself when you download it. It is however good to try things out to get an appreciation of how you would do things in different languages/environments (my old mentor Fredrik Bornander (AKA the Swede) told me that), so I decided to take Angular.js for a spin. I decided to spend a little time to learn a bit more about a popular web MVC framework by our friends at Google called Angular.js, which is a JavaScript MVC framework, which is a bit of departure for me from my usual XAML influenced world. So what does it do, what is this article about? Anyway, I have written this article after a little time off. This article is my first one for quite a while, there is a reason for that but I will not bore you all with that.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |