<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fshabeebk.com%2Fblog%2Fhello-world-angular%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:85px; height:21px;"></iframe></div>
			<div style="float:left; width:80px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://shabeebk.com/blog/hello-world-angular/"></g:plusone>
			</div>
			<div style="float:left; width:95px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://shabeebk.com/blog/hello-world-angular/"  data-text="Hello world in angular" data-count="horizontal"></a>
			</div><div style="float:left; width:105px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script type="in/share" data-url="http://shabeebk.com/blog/hello-world-angular/" data-counter="right"></script></div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://shabeebk.com/blog/hello-world-angular/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div>{"id":77,"date":"2014-08-01T19:37:42","date_gmt":"2014-08-01T19:37:42","guid":{"rendered":"http:\/\/shabeebk.com\/blog\/?p=77"},"modified":"2014-12-21T11:25:07","modified_gmt":"2014-12-21T11:25:07","slug":"hello-world-angular","status":"publish","type":"post","link":"http:\/\/shabeebk.com\/blog\/hello-world-angular\/","title":{"rendered":"Hello world in angular"},"content":{"rendered":"<p><br \/>\nGuys,<\/p>\n<p>Today we are going to learning Hello world in Angularjs .<\/p>\n<p>AngularJS, a JavaScript M-V-W (Model-View-What ever) framework developed by a Googler and supported by Google.<br \/>\nif you are using jquery in your application , Angular will amaze you. We are writing very less code in jquery , angular will minify it again !!<\/p>\n<p>Angularjs is giving amazing support to AJAX and we can make a very interactive website with angularjs.<\/p>\n<p>Angular can be defined as a client side javascript framework adding intractivity to HTML. As i mention on top angular is MVW framework<br \/>\nwhich means ,model view and what ever. There are many software architecture patterns like MVC,MVP (Model View-presenter).<\/p>\n<p>But angular doesn&#8217;t care about software architecture . A basic concept of MVW is that all definitions are associated with a named Module.<br \/>\nAngular come with a rich set of APIs to defined and this modules can be linked together by dependency injection.<br \/>\n<br \/>\nHello world in Angular js<\/p>\n<p>let us try a simple hello world in angular js<\/p>\n<p>in order to write angular js in our application we need to include angular js in our HTML page,<br \/>\nWe can download and include or we can directily include from CDN<\/p>\n<p>Here i am including<\/p>\n<p><\/p>\n<pre class=\"lang:default decode:true \" >\r\n\r\n&lt;script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.3.0-beta.16\/angular.min.js\"&gt;&lt;\/script&gt;\r\n&lt;div  ng-app&gt;  \r\n  Write some text in textbox:\r\n    &lt;input type=\"text\" ng-model=\"text\" \/&gt;\r\n \r\n    &lt;h1&gt;Hello {{ text}}&lt;\/h1&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<p> Note that we didn\u2019t write a single line of JavaScript and still this example works like a charm! Live example<\/p>\n<p><script src=\"http:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.3.0-beta.16\/angular.min.js\"><\/script><\/p>\n<div  ng-app>\n  Write some text in textbox:<br \/>\n    <input type=\"text\" ng-model=\"text\" \/><\/p>\n<h1>Hello {{ text}}<\/h1>\n<\/div>\n<p>\nLet us check step by step<\/p>\n<p>Here i had included &#8220;ng-app&#8221; after. This tell angular that , angular need to monitor this section if we want angular to monitor one part of our application we can wrap with a div and we can write &#8220;ng-app&#8221; there. So angular will only monitor that part.\t<\/p>\n<p>Now we defined ng-model=&#8221;text&#8221; in text box ng-model bind the state with model value.if we made any changes in the<br \/>\ntextbox it will reflect {{text}}.<\/p>\n<p>This is twoway binding. Angular will always keep an eye in ng-model defined and when ever it is changing ,<br \/>\nit will reflect on the ng-model value in double curly braces. .\t <\/p>\n<p>This is a simple hello world application in angularjs<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"77\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;3,125&nbsp;total views, &nbsp;1&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Guys, Today we are going to learning Hello world in Angularjs . AngularJS, a JavaScript M-V-W (Model-View-What ever) framework developed by a Googler and supported by Google. if you are using jquery in your application , Angular will amaze you. We are writing very less code in jquery , angular will minify it again !! [&hellip;]<\/p>\n<div class=\"pvc_clear\"><\/div>\n<p class=\"pvc_stats all \" data-element-id=\"77\" style=\"\"><i class=\"pvc-stats-icon medium\" aria-hidden=\"true\"><svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"far\" data-icon=\"chart-bar\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"svg-inline--fa fa-chart-bar fa-w-16 fa-2x\"><path fill=\"currentColor\" d=\"M396.8 352h22.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-192 0h22.4c6.4 0 12.8-6.4 12.8-12.8V140.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h22.4c6.4 0 12.8-6.4 12.8-12.8V204.8c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zM496 400H48V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16zm-387.2-48h22.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-22.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8z\" class=\"\"><\/path><\/svg><\/i> &nbsp;3,125&nbsp;total views, &nbsp;1&nbsp;views today<\/p>\n<div class=\"pvc_clear\"><\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":""},"categories":[5,4],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v18.4.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>shabeebk blog - Gallary<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/shabeebk.com\/blog\/hello-world-angular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"shabeebk blog - Gallary\" \/>\n<meta property=\"og:description\" content=\"Guys, Today we are going to learning Hello world in Angularjs . AngularJS, a JavaScript M-V-W (Model-View-What ever) framework developed by a Googler and supported by Google. if you are using jquery in your application , Angular will amaze you. We are writing very less code in jquery , angular will minify it again !! &hellip;\" \/>\n<meta property=\"og:url\" content=\"http:\/\/shabeebk.com\/blog\/hello-world-angular\/\" \/>\n<meta property=\"og:site_name\" content=\"shabeeb Blog\" \/>\n<meta property=\"article:published_time\" content=\"2014-08-01T19:37:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-12-21T11:25:07+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"shabeeb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"http:\/\/shabeebk.com\/blog\/#website\",\"url\":\"http:\/\/shabeebk.com\/blog\/\",\"name\":\"shabeeb Blog\",\"description\":\"A developer blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/shabeebk.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/shabeebk.com\/blog\/hello-world-angular\/#webpage\",\"url\":\"http:\/\/shabeebk.com\/blog\/hello-world-angular\/\",\"name\":\"shabeebk blog - Gallary\",\"isPartOf\":{\"@id\":\"http:\/\/shabeebk.com\/blog\/#website\"},\"datePublished\":\"2014-08-01T19:37:42+00:00\",\"dateModified\":\"2014-12-21T11:25:07+00:00\",\"author\":{\"@id\":\"http:\/\/shabeebk.com\/blog\/#\/schema\/person\/71832abe654179971635c65c09bceb29\"},\"breadcrumb\":{\"@id\":\"http:\/\/shabeebk.com\/blog\/hello-world-angular\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/shabeebk.com\/blog\/hello-world-angular\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/shabeebk.com\/blog\/hello-world-angular\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\/\/shabeebk.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hello world in angular\"}]},{\"@type\":\"Person\",\"@id\":\"http:\/\/shabeebk.com\/blog\/#\/schema\/person\/71832abe654179971635c65c09bceb29\",\"name\":\"shabeeb\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"http:\/\/shabeebk.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"http:\/\/0.gravatar.com\/avatar\/9998389cc76a77663881c48f7d4cbba0?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/0.gravatar.com\/avatar\/9998389cc76a77663881c48f7d4cbba0?s=96&d=mm&r=g\",\"caption\":\"shabeeb\"},\"description\":\"Developer,Entrepreneur, software engineer more than that a human being\",\"sameAs\":[\"http:\/\/shabeebk.com\/blog\"],\"url\":\"http:\/\/shabeebk.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"shabeebk blog - Gallary","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/shabeebk.com\/blog\/hello-world-angular\/","og_locale":"en_US","og_type":"article","og_title":"shabeebk blog - Gallary","og_description":"Guys, Today we are going to learning Hello world in Angularjs . AngularJS, a JavaScript M-V-W (Model-View-What ever) framework developed by a Googler and supported by Google. if you are using jquery in your application , Angular will amaze you. We are writing very less code in jquery , angular will minify it again !! &hellip;","og_url":"http:\/\/shabeebk.com\/blog\/hello-world-angular\/","og_site_name":"shabeeb Blog","article_published_time":"2014-08-01T19:37:42+00:00","article_modified_time":"2014-12-21T11:25:07+00:00","twitter_misc":{"Written by":"shabeeb","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"http:\/\/shabeebk.com\/blog\/#website","url":"http:\/\/shabeebk.com\/blog\/","name":"shabeeb Blog","description":"A developer blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/shabeebk.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/shabeebk.com\/blog\/hello-world-angular\/#webpage","url":"http:\/\/shabeebk.com\/blog\/hello-world-angular\/","name":"shabeebk blog - Gallary","isPartOf":{"@id":"http:\/\/shabeebk.com\/blog\/#website"},"datePublished":"2014-08-01T19:37:42+00:00","dateModified":"2014-12-21T11:25:07+00:00","author":{"@id":"http:\/\/shabeebk.com\/blog\/#\/schema\/person\/71832abe654179971635c65c09bceb29"},"breadcrumb":{"@id":"http:\/\/shabeebk.com\/blog\/hello-world-angular\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/shabeebk.com\/blog\/hello-world-angular\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/shabeebk.com\/blog\/hello-world-angular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/shabeebk.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Hello world in angular"}]},{"@type":"Person","@id":"http:\/\/shabeebk.com\/blog\/#\/schema\/person\/71832abe654179971635c65c09bceb29","name":"shabeeb","image":{"@type":"ImageObject","@id":"http:\/\/shabeebk.com\/blog\/#personlogo","inLanguage":"en-US","url":"http:\/\/0.gravatar.com\/avatar\/9998389cc76a77663881c48f7d4cbba0?s=96&d=mm&r=g","contentUrl":"http:\/\/0.gravatar.com\/avatar\/9998389cc76a77663881c48f7d4cbba0?s=96&d=mm&r=g","caption":"shabeeb"},"description":"Developer,Entrepreneur, software engineer more than that a human being","sameAs":["http:\/\/shabeebk.com\/blog"],"url":"http:\/\/shabeebk.com\/blog\/author\/admin\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/posts\/77"}],"collection":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":2,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/posts\/77\/revisions"}],"predecessor-version":[{"id":206,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/posts\/77\/revisions\/206"}],"wp:attachment":[{"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/media?parent=77"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/categories?post=77"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/shabeebk.com\/blog\/wp-json\/wp\/v2\/tags?post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}