Using AngularJs in Worklight/PhoneGap application

Angular.js is a JavaScript MVC framework, that makes development of HTML applications easy. I wanted to figure out how to use it for developing Worklight application so i followed these steps to build simple Hello AngularJs application
  • First create a WorkLight application using WorkLight wizard, make sure that it works
  • Next make changes in the index.html or entry page of your application to include angular.js from Google CDN and also add <p>Hello {{'World'.length}}</p>
  • to test if AngularJs template is working
    
    <!DOCTYPE HTML>
    <html>
    <head>
     <meta charset="UTF-8">
     <title>HelloWorld</title>
     <meta name="viewport" content="width=device-width, 
    initial-scale=1.0, maximum-scale=1.0, 
    minimum-scale=1.0, user-scalable=0">
     <link rel="shortcut icon" href="images/favicon.png">
     <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
     <link rel="stylesheet" href="css/HelloWorld.css">
     <script>window.$ = window.jQuery = WLJQ;</script>
    </head>
    <body id="content" style="display: none;" ng-app>
     <h1>Hello Angularjs</h1> 
     <p>Hello {{'World'.length}}</p>
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js" />
     <script src="js/initOptions.js"></script>
     <script src="js/HelloWorld.js"></script>
     <script src="js/messages.js"></script>
    </body>
    </html
    
After deployment you will notice that it prints Hello + length of 'world' which is 5 characters like this

14 comments:

My Share Page said...

Is this complete?

Chris Felix said...

You may also want to look at https://npmjs.org/package/generator-chris for stubbing out AngularJS + jQuery Mobile + Worklight apps

angularjs training in hyderabad said...

While I was in online Angularjs training I was introduced to this website by our instructors. Great insight about the subject through presentations along with nice content on this site purely related to data science and cloud. Thanks a lot for the info...

caroline jesi said...

Pretty post, I hope your site useful for many users who want to learn basics of programming to enhance their skill for getting good career in IT, thanks for taking time to discuss about fundamental programming niche.
With Regards,
Angularjs training in chennai|Angularjs course in chennai

Priya said...


The oracle database is capable of storing the data in two forms such as logically in the form of table spaces and physically like data files.
Oracle Training in Chennai | oracle dba training in chennai

for IT the said...

I have read your blog its very attractive and impressive. I like it your blog.

Angularjs Online Training Angularjs Training Angularjs Training Angularjs Training in Chennai Angularjs Training in Chennai Angularjs Course Angularjs Course Angular 2 Training in Chennai

jahan bdreamz said...
This comment has been removed by the author.
jahan bdreamz said...

Nice blog. yo provide a very nice information with screenshots.It will easily follow the steps to finishing the project. Iam really very happy to read this blog.Thanks for sharing.keep sharing more blogs.


Angularjs Online Training

jahan bdreamz said...

Nice information about Python. It is one of the fantastic blog when iam reading.Thank for sharing..

https://www.gangboard.com/app-programming-scripting-training/python-training

jahan bdreamz said...

Nice information about Python. It is one of the fantastic blog when iam reading.Thank for sharing..

Python Online Training

Kamalakar said...



I Visited lot of blogs and Web sites But in this AngularJS Blog Information is Very usefulthanks for sharing it........

DBA course said...

Ya I have agreed your point using AngularJS coding will easy and now a days most of the websites using AngularJs, especially eCommerce site.
DBA training | Oracle dba course

MANIKANDAN R said...

Interesting article.... Well written..... Thanks for sharing.....
angularjs training course in chennai

Rajesh Developer said...

It's very nice blog. I'm so happy to gain some knowledge from here. Thank you for valuable information on
AngularJS Training in Chennai.
Hoping to get more info...