{"id":46292,"date":"2018-12-31T09:15:15","date_gmt":"2018-12-31T03:45:15","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=46292"},"modified":"2020-01-31T10:44:20","modified_gmt":"2020-01-31T05:14:20","slug":"data-binding-in-angularjs","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/","title":{"rendered":"Data Binding in AngularJS &#8211; One Way &amp; Two Way Data Binding"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:1700,&quot;href&quot;:&quot;https:\\\/\\\/docs.angularjs.org\\\/guide\\\/databinding&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250806032924\\\/https:\\\/\\\/docs.angularjs.org\\\/guide\\\/databinding&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-12-09 17:38:04&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-05 12:15:23&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-12 16:23:36&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-01-16 23:59:02&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-01 16:14:35&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-02-18 11:17:34&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-03 19:11:29&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-13 12:00:57&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-20 16:01:23&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-03-27 12:50:57&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-01 04:43:44&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-10 07:14:52&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-04-29 12:02:22&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-05-04 12:35:14&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-05-10 06:05:56&quot;,&quot;http_code&quot;:206},{&quot;date&quot;:&quot;2026-05-14 08:41:39&quot;,&quot;http_code&quot;:206}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2026-05-14 08:41:39&quot;,&quot;http_code&quot;:206},&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<p>In this article, we are going to learn about data binding in <strong><a href=\"https:\/\/data-flair.training\/blogs\/angularjs-tutorial-for-beginner\/\">AngularJS<\/a><\/strong>. In software development technologies, we consider data binding as the most powerful and useful feature. Here, in this AngularJS Data Binding Tutorial, we will learn possibilities, types with syntax and examples.<\/p>\n<p>So, are you ready to learn Data Binding in AngularJS?<\/p>\n<div id=\"attachment_46363\" style=\"width: 1210px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-46363\" class=\"size-full wp-image-46363\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg\" alt=\"Learn Data Binding in AngularJS\" width=\"1200\" height=\"628\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg 1200w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01-150x79.jpg 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01-300x157.jpg 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01-768x402.jpg 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01-1024x536.jpg 1024w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01-520x272.jpg 520w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><p id=\"caption-attachment-46363\" class=\"wp-caption-text\">Introduction to Data Binding in AngularJS<\/p><\/div>\n<h2>1. What is Data Binding?<\/h2>\n<p>Data binding is the synchronization of data between business logic and view of the application. It serves as a bridge between two components of angular that is model part and view part. Data Binding is automatic and provides a way to wire the two important part of an application that is the UI and application data.<\/p>\n<p>Whenever some changes are done at the model side it is reflected at view side too and vice versa is also possible. This happens so rapidly to make sure that view and the model part will get update all the time.<\/p>\n<p><strong><a href=\"https:\/\/data-flair.training\/blogs\/why-angularjs-used\/\">Do you know why AngularJS is used?<\/a><\/strong><\/p>\n<div id=\"attachment_46366\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Binding-01.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-46366\" class=\"size-full wp-image-46366\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Binding-01.jpg\" alt=\"AngularJS Data Binding\" width=\"500\" height=\"288\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Binding-01.jpg 500w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Binding-01-150x86.jpg 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Binding-01-300x173.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-46366\" class=\"wp-caption-text\">AngularJS Data Binding<\/p><\/div>\n<p>Figure: Relationship between model and view<\/p>\n<h2>2. How Data Binding is Possible in AngularJS?<\/h2>\n<p>Now when we are clear with the concept of data binding, the question arises what makes it possible to do data binding in angularJS?<\/p>\n<p>The answer to this is \u201cDirective\u201d. The <a href=\"https:\/\/data-flair.training\/blogs\/angularjs-directives\/\"><strong>directive in AngularJS<\/strong><\/a> used to bind the value of the input field (such as text field, text area) to the HTML element is ng-model. An ng-model directive is used to perform data binding in angular.<\/p>\n<p>We don\u2019t have to write extra code to link the model part with view part by adding few snippets of code we can bind the data with the HTML control.<\/p>\n<p><strong>Example:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;!DOCTYPE html&gt; \r\n&lt;html&gt; \r\n&lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.4.8\/angular.min.js\"&gt;&lt;\/script&gt; \r\n&lt;body&gt; \r\n&lt;div ng-app=\"\" &gt; \r\n&lt;p&gt;Input something in the input box:&lt;\/p&gt; \r\n&lt;p&gt;Name: &lt;input type=\"text\" ng-model=\"language\"&gt;&lt;\/p&gt; \r\n&lt;p&gt;You are learning: {{ language }}&lt;\/p&gt; \r\n&lt;\/div&gt; \r\n&lt;\/body&gt; \r\n&lt;\/html&gt;<\/pre>\n<p><strong>Output:<\/strong><\/p>\n<p>Name:<\/p>\n<p>You are learning:<\/p>\n<p>As you write something in the textbox it gets reflected in the view part also.<br \/>\nSee this, an output of the same code when user types something in a text box.<\/p>\n<p><strong>Output:<\/strong><\/p>\n<p>Name: <span class=\"df-rect\">AngularJS<\/span><\/p>\n<p>You are learning: Angular js.<\/p>\n<p>Whenever you change the text in a textbox, the same changes is reflected in the view part also.\u00a0This is because in the above code the expression written inside double curly braces is {{language}}. And the expression {{language}} bound with the ng-model directive (\u201clanguage\u201d).<\/p>\n<p>All-time, the view part works like the projection of the model part.<\/p>\n<p><strong>Note:<\/strong> <em>We can apply data binding to any number of application data. There is no restriction on the number of application data on which we can apply data binding. In the above example, we applied data binding only on one application data similarly we can apply it on more application data too.<\/em><\/p>\n<p><strong><a href=\"https:\/\/data-flair.training\/blogs\/angularjs-modules\/\">Recommended reading &#8211; Types of Modules in AngularJS<\/a><\/strong><\/p>\n<h2>3. Types of Data Binding in AngularJS<\/h2>\n<p>The various types of binding in angularJS are as follow:<\/p>\n<ul>\n<li><strong>One Way Data Binding<\/strong><\/li>\n<li><strong>Two Way Data Binding<\/strong><\/li>\n<\/ul>\n<h4>i.\u00a0One Way Data Binding<\/h4>\n<p>In one-way data binding, the flow of data restricts to one side only and that is from model to view. It follows a unidirectional approach. In the case of updating in the model part, same will sync in the view part also but the vice versa is not possible as in one way binding data can\u2019t flow from view to model.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_46364\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/One-way-Data-Binding-01.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-46364\" class=\"size-full wp-image-46364\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/One-way-Data-Binding-01.jpg\" alt=\"One Way Data Binding in AngularJS\" width=\"500\" height=\"500\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/One-way-Data-Binding-01.jpg 500w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/One-way-Data-Binding-01-150x150.jpg 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/One-way-Data-Binding-01-300x300.jpg 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/One-way-Data-Binding-01-160x160.jpg 160w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/One-way-Data-Binding-01-320x320.jpg 320w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-46364\" class=\"wp-caption-text\">One Way Data Binding in AngularJS<\/p><\/div>\n<p>Interpolation binding (an expression is taken as an input and it is changed as a text using HTML elements), property binding (Value of a property is set on an HTML element) comes in the category of one-way data binding in AngularJS.<\/p>\n<h4>ii. Two Way Data Binding in\u00a0AngularJS<\/h4>\n<p>In the case of two data binding in AngularJS, the\u00a0flow of data does not restricts to one side only. A flow of data is from model to view as well as the view to model is also possible. Two way data binding follows a bidirectional approach as a flow of data is possible in both the side. Any changes made in the model part will sync in view part as well as any changes made in view part is synced in model part also.<\/p>\n<div id=\"attachment_46365\" style=\"width: 510px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Two-way-Data-Binding-01.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-46365\" class=\"size-full wp-image-46365\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Two-way-Data-Binding-01.jpg\" alt=\"\" width=\"500\" height=\"500\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Two-way-Data-Binding-01.jpg 500w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Two-way-Data-Binding-01-150x150.jpg 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Two-way-Data-Binding-01-300x300.jpg 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Two-way-Data-Binding-01-160x160.jpg 160w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Two-way-Data-Binding-01-320x320.jpg 320w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><p id=\"caption-attachment-46365\" class=\"wp-caption-text\">Two-Way Data Binding in AngularJS<\/p><\/div>\n<p>Event binding (an event triggers at view side by the user event binding allows components to listen to that event.) comes in the category of two-way data binding in AngularJS.<\/p>\n<p><strong>The syntax for event binding:<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"null\">&lt;button (click)='updateProduct()'&gt;\r\nUpdate\r\n&lt;\/button&gt;<\/pre>\n<p>(click) is the event here. An event is always written in parenthesis.<\/p>\n<p>\u2018updateproduct()\u2019 is the method here. A method is written just after the event<\/p>\n<p>Whenever the event triggers by the user, the method is called.<\/p>\n<h2>4. Conclusion<\/h2>\n<p>So, the article is\u00a0all about <a href=\"https:\/\/docs.angularjs.org\/guide\/databinding\">Data Binding <\/a>in AngularJS and its types: One and two-way data binding in AngularJS. We had studied syntax and examples of Data binding. Hope you liked our explanation. Share your experience with us through comment box.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, we are going to learn about data binding in AngularJS. In software development technologies, we consider data binding as the most powerful and useful feature. Here, in this AngularJS Data Binding&#46;&#46;&#46;<\/p>\n","protected":false},"author":5,"featured_media":46363,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18153],"tags":[18126,18132,18125,18131,18133,18129,18130,18128,18127],"class_list":["post-46292","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angularjs","tag-angularjs-data-binding","tag-data-binding-example","tag-data-binding-in-angularjs","tag-data-binding-syntax","tag-event-binding","tag-one-way-data-binding","tag-two-way-data-binding","tag-types-of-data-binding","tag-what-is-data-binding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Data Binding in AngularJS - One Way &amp; Two Way Data Binding - DataFlair<\/title>\n<meta name=\"description\" content=\"What is Data Binding in AngularJS - Types of AngualrJS Data Binding: One way and two way data binding with syntax and example, event binding with example\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Data Binding in AngularJS - One Way &amp; Two Way Data Binding - DataFlair\" \/>\n<meta property=\"og:description\" content=\"What is Data Binding in AngularJS - Types of AngualrJS Data Binding: One way and two way data binding with syntax and example, event binding with example\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-31T03:45:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-01-31T05:14:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Data Binding in AngularJS - One Way &amp; Two Way Data Binding - DataFlair","description":"What is Data Binding in AngularJS - Types of AngualrJS Data Binding: One way and two way data binding with syntax and example, event binding with example","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":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/","og_locale":"en_US","og_type":"article","og_title":"Data Binding in AngularJS - One Way &amp; Two Way Data Binding - DataFlair","og_description":"What is Data Binding in AngularJS - Types of AngualrJS Data Binding: One way and two way data binding with syntax and example, event binding with example","og_url":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2018-12-31T03:45:15+00:00","article_modified_time":"2020-01-31T05:14:20+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823"},"headline":"Data Binding in AngularJS &#8211; One Way &amp; Two Way Data Binding","datePublished":"2018-12-31T03:45:15+00:00","dateModified":"2020-01-31T05:14:20+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/"},"wordCount":832,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg","keywords":["AngularJS Data Binding","Data Binding Example","data binding in angularjs","Data Binding Syntax","event binding","One Way Data Binding","Two Way Data Binding","Types of Data Binding","What is Data Binding"],"articleSection":["AngularJS Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/","url":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/","name":"Data Binding in AngularJS - One Way &amp; Two Way Data Binding - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg","datePublished":"2018-12-31T03:45:15+00:00","dateModified":"2020-01-31T05:14:20+00:00","description":"What is Data Binding in AngularJS - Types of AngualrJS Data Binding: One way and two way data binding with syntax and example, event binding with example","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2018\/12\/Data-Binding-in-AngularJS-01.jpg","width":1200,"height":628,"caption":"Introduction to Data Binding in AngularJS"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/data-binding-in-angularjs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"AngularJS Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/angularjs\/"},{"@type":"ListItem","position":3,"name":"Data Binding in AngularJS &#8211; One Way &amp; Two Way Data Binding"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/7f83c342f5d1632d6f7b4b0b0f447823","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4cf3a74600d131330b8c481d519afd1574093ed89f6d3396a95393ad223eb7cd?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team creates expert-level guides on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. Our goal is to empower learners with easy-to-understand content. Explore our resources for career growth and practical learning.","url":"https:\/\/data-flair.training\/blogs\/author\/dfteam1\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/46292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=46292"}],"version-history":[{"count":6,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/46292\/revisions"}],"predecessor-version":[{"id":46692,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/46292\/revisions\/46692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/46363"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=46292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=46292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=46292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}