{"id":229823,"date":"2024-06-12T22:32:52","date_gmt":"2024-06-12T22:32:52","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/?p=229823"},"modified":"2024-06-12T22:32:52","modified_gmt":"2024-06-12T22:32:52","slug":"how-to-assign-value-in-angular-2","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/","title":{"rendered":"How to assign value in Angular 2?"},"content":{"rendered":"<p>One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows developers to store data and manipulate it within their application. In this article, we will explore the different ways to assign values in Angular 2 and understand the best practices involved.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_62 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#How_to_assign_value_in_Angular_2\" title=\"How to assign value in Angular 2?\">How to assign value in Angular 2?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#1_Binding_Syntax\" title=\"1. Binding Syntax:\">1. Binding Syntax:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#2_Property_Binding\" title=\"2. Property Binding:\">2. Property Binding:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#3_Two-Way_Data_Binding\" title=\"3. Two-Way Data Binding:\">3. Two-Way Data Binding:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#FAQs\" title=\"FAQs:\">FAQs:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#1_Can_I_assign_a_value_directly_to_a_variable_in_a_components_code\" title=\"1. Can I assign a value directly to a variable in a component&#8217;s code?\">1. Can I assign a value directly to a variable in a component&#8217;s code?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#2_What_is_the_benefit_of_using_data_binding_over_direct_assignment\" title=\"2. What is the benefit of using data binding over direct assignment?\">2. What is the benefit of using data binding over direct assignment?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#3_Can_I_assign_values_dynamically_based_on_some_conditions\" title=\"3. Can I assign values dynamically based on some conditions?\">3. Can I assign values dynamically based on some conditions?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#4_How_can_I_assign_values_to_an_array_in_Angular_2\" title=\"4. How can I assign values to an array in Angular 2?\">4. How can I assign values to an array in Angular 2?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#5_What_is_the_difference_between_property_binding_and_attribute_binding\" title=\"5. What is the difference between property binding and attribute binding?\">5. What is the difference between property binding and attribute binding?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#6_Can_I_assign_a_value_to_a_components_input_property_from_the_parent_component\" title=\"6. Can I assign a value to a component&#8217;s input property from the parent component?\">6. Can I assign a value to a component&#8217;s input property from the parent component?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#7_Is_it_possible_to_assign_a_value_to_a_variable_in_one_component_and_access_it_in_another_component\" title=\"7. Is it possible to assign a value to a variable in one component and access it in another component?\">7. Is it possible to assign a value to a variable in one component and access it in another component?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#8_How_can_I_assign_a_value_to_an_HTML_elements_style_property\" title=\"8. How can I assign a value to an HTML element&#8217;s style property?\">8. How can I assign a value to an HTML element&#8217;s style property?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#9_Can_I_assign_a_value_to_a_read-only_property_in_Angular_2\" title=\"9. Can I assign a value to a read-only property in Angular 2?\">9. Can I assign a value to a read-only property in Angular 2?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#10_What_if_I_want_to_assign_multiple_values_to_different_variables_in_one_go\" title=\"10. What if I want to assign multiple values to different variables in one go?\">10. What if I want to assign multiple values to different variables in one go?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#11_Can_I_assign_a_default_value_to_a_variable_in_Angular_2\" title=\"11. Can I assign a default value to a variable in Angular 2?\">11. Can I assign a default value to a variable in Angular 2?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#12_How_can_I_assign_a_value_to_a_boolean_property_in_Angular_2\" title=\"12. How can I assign a value to a boolean property in Angular 2?\">12. How can I assign a value to a boolean property in Angular 2?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"How_to_assign_value_in_Angular_2\"><\/span>How to assign value in Angular 2?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\nIn Angular 2, there are multiple ways to assign values to variables and properties. Let&#8217;s explore each of them in detail:<\/p>\n<h3><span class=\"ez-toc-section\" id=\"1_Binding_Syntax\"><\/span>1. <strong>Binding Syntax:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nAngular 2 provides a powerful data binding syntax, allowing you to bind values between your components and the template. You can use the interpolation syntax {{ }} to bind a value to an HTML element. For example, to assign a variable &#8220;name&#8221; to an HTML element, you can use: <br \/>\n&#8220;`html<\/p>\n<p>{{ name }}<\/p>\n<p>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_Property_Binding\"><\/span>2. <strong>Property Binding:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can also assign values using property binding. It allows you to set the value of an element&#8217;s property based on a component&#8217;s property. For example, to assign a variable &#8220;url&#8221; to the src attribute of an image tag, you can use:<br \/>\n&#8220;`html<br \/>\n<img [src]=\"url\" \/><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Two-Way_Data_Binding\"><\/span>3. <strong>Two-Way Data Binding:<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nAngular 2 offers two-way data binding, which allows you to keep the value of an input element and the associated component property in sync. It can be achieved using the ngModel directive. For example:<br \/>\n&#8220;`html<br \/>\n<input [(ngModel)]=\"name\" \/><br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"FAQs\"><\/span>FAQs:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_Can_I_assign_a_value_directly_to_a_variable_in_a_components_code\"><\/span>1. <strong>Can I assign a value directly to a variable in a component&#8217;s code?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign a value directly to a variable in the component&#8217;s code. For example:<br \/>\n&#8220;`typescript<br \/>\nname: string = &#8220;John Doe&#8221;;<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_What_is_the_benefit_of_using_data_binding_over_direct_assignment\"><\/span>2. <strong>What is the benefit of using data binding over direct assignment?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nData binding provides a declarative approach to assign values and keep them in sync between the component and the template. It simplifies the code and provides a more maintainable solution.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Can_I_assign_values_dynamically_based_on_some_conditions\"><\/span>3. <strong>Can I assign values dynamically based on some conditions?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign values dynamically based on conditions using ternary operators or methods in the component&#8217;s code.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_can_I_assign_values_to_an_array_in_Angular_2\"><\/span>4. <strong>How can I assign values to an array in Angular 2?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo assign values to an array in Angular 2, you can use the push() method or directly assign a new array to the existing one.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_What_is_the_difference_between_property_binding_and_attribute_binding\"><\/span>5. <strong>What is the difference between property binding and attribute binding?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nProperty binding sets the value of an element&#8217;s property, whereas attribute binding sets the value of an element&#8217;s attribute. Property binding allows you to bind to both native and custom properties.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Can_I_assign_a_value_to_a_components_input_property_from_the_parent_component\"><\/span>6. <strong>Can I assign a value to a component&#8217;s input property from the parent component?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign a value to a component&#8217;s input property from the parent component using property binding.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_Is_it_possible_to_assign_a_value_to_a_variable_in_one_component_and_access_it_in_another_component\"><\/span>7. <strong>Is it possible to assign a value to a variable in one component and access it in another component?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign a value to a variable in one component and access it in another component by using services or shared parent components.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_How_can_I_assign_a_value_to_an_HTML_elements_style_property\"><\/span>8. <strong>How can I assign a value to an HTML element&#8217;s style property?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can assign a value to an HTML element&#8217;s style property using property binding. For example:<br \/>\n&#8220;`html<\/p>\n<div [style.color]=\"'red'\">Text with red color<\/div>\n<p>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_Can_I_assign_a_value_to_a_read-only_property_in_Angular_2\"><\/span>9. <strong>Can I assign a value to a read-only property in Angular 2?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nNo, you cannot assign a value directly to a read-only property in Angular 2. It can only be set during initialization.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_What_if_I_want_to_assign_multiple_values_to_different_variables_in_one_go\"><\/span>10. <strong>What if I want to assign multiple values to different variables in one go?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can use destructuring assignment to assign multiple values to different variables in a single statement. For example:<br \/>\n&#8220;`typescript<br \/>\nlet [x, y] = [1, 2];<br \/>\n&#8220;`<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_Can_I_assign_a_default_value_to_a_variable_in_Angular_2\"><\/span>11. <strong>Can I assign a default value to a variable in Angular 2?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can assign a default value to a variable in Angular 2 by using the default assignment operator (=).<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_How_can_I_assign_a_value_to_a_boolean_property_in_Angular_2\"><\/span>12. <strong>How can I assign a value to a boolean property in Angular 2?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nTo assign a value to a boolean property in Angular 2, you can use property binding or apply logical conditions in your component&#8217;s code.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows developers to store data and manipulate it within their application. In this article, we will explore the different ways to assign values in Angular 2 and understand the best practices involved. &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to assign value in Angular 2?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#more-229823\">Read more<span class=\"screen-reader-text\">How to assign value in Angular 2?<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-229823","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learn","no-featured-image-padding"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to assign value in Angular 2?<\/title>\n<meta name=\"description\" content=\"One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to assign value in Angular 2?\" \/>\n<meta property=\"og:description\" content=\"One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/synchronyfinancial\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-12T22:32:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Casey Mayer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@synchrony\" \/>\n<meta name=\"twitter:site\" content=\"@synchrony\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Casey Mayer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/\"},\"author\":{\"name\":\"Casey Mayer\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f\"},\"headline\":\"How to assign value in Angular 2?\",\"datePublished\":\"2024-06-12T22:32:52+00:00\",\"dateModified\":\"2024-06-12T22:32:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/\"},\"wordCount\":635,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"articleSection\":[\"Learn\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/\",\"name\":\"How to assign value in Angular 2?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-06-12T22:32:52+00:00\",\"dateModified\":\"2024-06-12T22:32:52+00:00\",\"description\":\"One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to assign value in Angular 2?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"description\":\"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co\",\"publisher\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/namso-gen.co\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#organization\",\"name\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\",\"url\":\"https:\/\/namso-gen.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"contentUrl\":\"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png\",\"width\":500,\"height\":164,\"caption\":\"Namso Gen Blog - Free Credit Card Generator [100% Valid]\"},\"image\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/synchronyfinancial\",\"https:\/\/twitter.com\/synchrony\",\"https:\/\/www.youtube.com\/synchronyfinancial\",\"https:\/\/www.instagram.com\/synchrony\",\"https:\/\/www.linkedin.com\/company\/synchrony-financial\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f\",\"name\":\"Casey Mayer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g\",\"caption\":\"Casey Mayer\"},\"description\":\"Guest author Casey Mayer has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to assign value in Angular 2?","description":"One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows","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:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/","og_locale":"en_US","og_type":"article","og_title":"How to assign value in Angular 2?","og_description":"One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows","og_url":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-06-12T22:32:52+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2024\/03\/faq.png","type":"image\/png"}],"author":"Casey Mayer","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Casey Mayer","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/"},"author":{"name":"Casey Mayer","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f"},"headline":"How to assign value in Angular 2?","datePublished":"2024-06-12T22:32:52+00:00","dateModified":"2024-06-12T22:32:52+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/"},"wordCount":635,"commentCount":0,"publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"articleSection":["Learn"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/","url":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/","name":"How to assign value in Angular 2?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-06-12T22:32:52+00:00","dateModified":"2024-06-12T22:32:52+00:00","description":"One of the fundamental aspects of creating web applications using Angular 2 is the ability to assign values to variables and properties. This allows","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-assign-value-in-angular-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to assign value in Angular 2?"}]},{"@type":"WebSite","@id":"https:\/\/namso-gen.co\/blog\/#website","url":"https:\/\/namso-gen.co\/blog\/","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","description":"In Namso gen blog you can get many tips regarding to Credit cards, VCC, Credit card security etc. You can generate credit cards by using Namso-gen.co","publisher":{"@id":"https:\/\/namso-gen.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/namso-gen.co\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/namso-gen.co\/blog\/#organization","name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","url":"https:\/\/namso-gen.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","contentUrl":"https:\/\/namso-gen.co\/blog\/wp-content\/uploads\/2020\/07\/namso-gen-logo.png","width":500,"height":164,"caption":"Namso Gen Blog - Free Credit Card Generator [100% Valid]"},"image":{"@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/synchronyfinancial","https:\/\/twitter.com\/synchrony","https:\/\/www.youtube.com\/synchronyfinancial","https:\/\/www.instagram.com\/synchrony","https:\/\/www.linkedin.com\/company\/synchrony-financial"]},{"@type":"Person","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/89e431077ef417dfaa131f435124f18f","name":"Casey Mayer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"Casey Mayer"},"description":"Guest author Casey Mayer has meticulously crafted and revised this article to the best of their knowledge and understanding. Readers are strongly advised to exercise caution, verify information independently, and rely on their own judgment when considering the information provided. Read more articles on Namso Gen here."}]}},"_links":{"self":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/229823","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=229823"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/229823\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media\/107420"}],"wp:attachment":[{"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/media?parent=229823"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=229823"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=229823"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}