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

53 comments:

My Share Page said...

Is this complete?

Anonymous 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...

sobiga J said...

Thank you !! Amazing Write Up !!
Robotics training in chennai
Php training in chennai

Mahesh Rao said...

Linux Online training in India – Webtrackker Technology is providing the linux online training with 100% placement support. If you are looking for the BEST LINUX & UNIX Training Institute In india or linux online training from india, live project based LINUX & UNIX online training then you can contact to us.

Python online training in India, RPA Online training in India, Salesforce online training in india, AWS online training in india, Cloud Computing Online Training in India, SAS Online Training in india, Hadoop online training in INDIA, Oracle DBA online training in India, SAP online Training In india, Linux Online training in India








soumya Teja said...

I really impressed for your blog Thanks for sharing informative content on Angularjs Online Training

Priya angel said...

this is nice information you will check it onceAngularjs Online Training

GIRI M said...

nice blog,
regards,
Angular 5 online training!

Angular 5 online training in Hyderabad!

best Angular 5 training institutes in Hyderabad!

Priya angel said...

nice blog thank you for sharing Angularjs Online Training

Mathew Stephen said...

Useful blog admin, thanks for sharing this.
Angularjs Training in Chennai | Angularjs course in Chennai

Sunil Dubey said...

vermeer

Priya angel said...

Nice Blog.great information.thank you for sharing Angularjs Online Training

Arthur Mac said...

Thanks admin, your blog gives lots of information me. Keep sharing like this.
React js Training in Chennai | React js Training

Sumit Seth said...

Thank you, Sunil for sharing an informational blog. You can also find informative content on Angularjs Classes

ishu said...

It is a great post. Thanks for sharing such kind of noteworthy posts. Keep updating.
AngularJS 4 Training in Chennai | AngularJS Training Institute in Chennai

anushri said...

Needed to compose you a very little word to thank you yet again regarding the nice suggestions you’ve contributed here. Best Java Training Institute in chennai

mohan kumar said...

very nice blog

mohan kumar said...

nice blogangular js online training

kanaga seo said...

Thank you a lot for providing individuals with a very spectacular possibility to read critical reviews from this site...

Embedded training in chennai | Embedded training centre in chennai | Embedded system training in chennai | PLC Training institute in chennai | IEEE final year projects in chennai | VLSI training institute in chennai

Priya angel said...

Nice blog thank you for sharing Angularjs Online Training Hyderabad

srjwebsolutions said...

We are leading responsive website designing and development company in Noida.
We are offering mobile friendly responsive website designing, website development, e-commerce website, seo service and sem services in Noida.

Responsive Website Designing Company in Noida
Website Designing Company in Noida
SEO Services in Noida
SMO Services in Noida

Vikas Chaudhary said...

Battery Mantra is Authorized exide car battery dealer in Noida and Greater Noida. We are providing our service in Indirapuram, Delhi, Ashok Nagar.

Exide Battery Dealer in Noida
Battery Dealer in Noida
Authorized Battery Dealer in Noida
Car Battery Dealer in Noida
Car Battery Dealer
Exide Battery Dealer

EG MEDI said...

Egmedi.com is online medical store pharmacy in laxmi nagar Delhi. You can Order prescription/OTC medicines online. Cash on Delivery available. Free Home Delivery


Online Pharmacy in Delhi
Buy Online medicine in Delhi
Online Pharmacy in laxmi nagar
Buy Online medicine in laxmi nagar
Onine Medical Store in Delhi
Online Medical store in laxmi nagar
Online medicine store in delhi
online medicine store in laxmi nagar
Purchase Medicine Online
Online Pharmacy India
Online Medical Store

kingsly david said...

Great blog! Really awesome I got more information from this blog. Thanks for sharing with us.

Regards,
Angularjs Training in Chennai

alltop said...


Hi Your Blog is very nice!!

Get All Top Interview Questions and answers PHP, Magento, laravel,Java, Dot Net, Database, Sql, Mysql, Oracle, Angularjs, Vue Js, Express js, React Js,
Hadoop, Apache spark, Apache Scala, Tensorflow.

Mysql Interview Questions for Experienced

php interview questions for freshers

php interview questions for experienced

python interview questions for freshers

tally interview questions and answers

codeingniter interview questions

cakephp interview questions

express Js interview questions

react js interview questions

laravel Interview questions and answers

Unknown 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

Unknown said...

Nicely written and described informative blog post. It is helpful for me...
aws training in chennai

Priya angel said...

Thanks for providing good information,Thanks for your sharing.Angularjs Online Training

361Online com said...

Good information.

361 online offers hadoop training online. It also provides learning on the gateway of future technology which is called hadoop with a certification.for more info visit hadoop training in chennai

suresh H said...

Thank you a lot for providing individuals with a very spectacular possibility to read critical reviews from this site...

RPA Training in Chennai | Angular 6 Training in Chennai

tanmay chaubey said...

servicenow scripting Training in Noida,

ServiceNow implementation Training in Noida
,

ServiceNow integration Training in Noida,

ServiceNow portal Training in Noida,

servicenow training institute in Noida

Best Servicenow Developer training institute in Noida
,

Best servicenow admin training institutes in Noida

Arvind Rawat said...


AutoCAD training in Noida



AutoCAD training institute in Noida



Best AutoCAD training institute in Noida


AutoCAD training in Noida said...
This comment has been removed by the author.
tharunbi said...

good post. I just read your blog and wanted to say that I have really enjoyed reading your blog posts.Keep update with your blogs..



AngularJS Online Training

AngularJS Online Training Hyderabad

tushar rana said...

6-week summer course in Noida - 6 weeks The summer course plays a crucial role in shaping the career of young aspiring / informatics students. This training has been specifically introduced so that students can become familiar with current industrial culture and industrial needs. Webtrackker technology offers a 6-month training program for students / graduates that includes small and large projects.

6-week summer course in Noida

Teju Teju said...

Thank you. Well it was the nice post and very helpful information on AngularJS Online Training

padmini said...

It's a great job. The blog is very informative. I have read this blog and I have shared the blog with my friends too. Keep updating and thanks for sharing.
Angular js online training
Angular js online course
Angular js Online Training in Hyderabad
Angular js Online Training in Bangalore
Angular js Online Training in Chennai

raman rajput said...

Ajio Promo Codes

Ajio Coupons & Offers

Ajio Coupon codes

Ajio Offers Promo Codes

Ajio Offers on online shopping

Firstcry Promo Codes

Firstcry Deals & offers

Firstcry coupons codes

Firstcry Coupons Offers Promo Codes

Firstcry Offers on Kids shopping

Myntra promo codes

Myntra deals and offers

raman rajput said...

Myntra coupon codes

Myntra coupons offers promo codes

Myntra offers on online shopping

Nykaa Promo Codes

Nykaa Deals and offers

Nykaa Coupons codes

Nykaa coupons offers promo codes

Nykaa offers on online shopping

Flipkart promo codes

Flipkart deals & coupons

flipkart coupon code

flipkart coupons offer promo code

Amazon promo code

amazon offers

amazon offers and deals

amazon coupon code

amazon deal of the day

cleartrip promo codes

raman rajput said...

cleartrip coupon code

cleartrip offers and deals

cleartrip deals

MMT promo Codes

MMT coupon codes

Makemytrip promo codes

makemytrip offers

makemytrip deals & offers

healthkart coupon code

healthkart promo codes

healthkart deals and offers

healthkart discount offers

bigbasket promo codes

bigbasket coupon codes

bigbasket offers

bigbasket coupon and deals

raman rajput said...

pizzahut promo code

pizzahut coupon codes

pizzahut offers

pizzahut coupon and offers

hotels promo code

hotels coupon codes

hotel offers & deals

hotels discount offers

nearbuy coupon codes

nearbuy promo codes

nearbuy deals and offers

nearbuy discounts

zoomcar promo code

zoomcar coupon code

zoomcar offers on ride

zoomcar deals and offers

Arvind Rawat said...

Each department of CAD have specific programmes which, while completed could provide you with a recognisable qualification that could assist you get a job in anything design enterprise which you would really like.

AutoCAD training in Noida

AutoCAD training institute in Noida


Best AutoCAD training institute in Noida