{"id":201575,"date":"2024-10-24T04:44:16","date_gmt":"2024-10-24T04:44:16","guid":{"rendered":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/"},"modified":"2024-10-24T04:44:16","modified_gmt":"2024-10-24T04:44:16","slug":"how-to-get-input-value-in-angular-12","status":"publish","type":"post","link":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/","title":{"rendered":"How to get input value in Angular 12?"},"content":{"rendered":"<p>**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.**<\/p>\n<p>Angular 12 provides various ways to retrieve input values from user input elements. Whether you are working with forms, directives, or components, knowing how to get input values is essential to building interactive and dynamic web applications.<\/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-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#FAQs_on_Getting_Input_Value_in_Angular_12\" title=\"FAQs on Getting Input Value in Angular 12:\">FAQs on Getting Input Value in Angular 12:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#1_How_can_I_get_input_value_using_ngModel_in_Angular_12\" title=\"1. How can I get input value using ngModel in Angular 12?\">1. How can I get input value using ngModel in Angular 12?<\/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-get-input-value-in-angular-12\/#2_What_is_the_syntax_for_using_ngModel_to_get_input_value_in_Angular_12\" title=\"2. What is the syntax for using ngModel to get input value in Angular 12?\">2. What is the syntax for using ngModel to get input value in Angular 12?<\/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-get-input-value-in-angular-12\/#3_Can_I_get_input_value_without_using_ngModel_in_Angular_12\" title=\"3. Can I get input value without using ngModel in Angular 12?\">3. Can I get input value without using ngModel in Angular 12?<\/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-get-input-value-in-angular-12\/#4_How_do_I_use_ViewChild_to_get_input_value_in_Angular_12\" title=\"4. How do I use ViewChild to get input value in Angular 12?\">4. How do I use ViewChild to get input value in Angular 12?<\/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-get-input-value-in-angular-12\/#5_What_is_the_benefit_of_using_ViewChild_to_get_input_value_in_Angular_12\" title=\"5. What is the benefit of using ViewChild to get input value in Angular 12?\">5. What is the benefit of using ViewChild to get input value in Angular 12?<\/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-get-input-value-in-angular-12\/#6_Can_I_use_event_binding_to_get_input_value_in_Angular_12\" title=\"6. Can I use event binding to get input value in Angular 12?\">6. Can I use event binding to get input value in Angular 12?<\/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-get-input-value-in-angular-12\/#7_How_do_I_use_event_binding_to_get_input_value_in_Angular_12\" title=\"7. How do I use event binding to get input value in Angular 12?\">7. How do I use event binding to get input value in Angular 12?<\/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-get-input-value-in-angular-12\/#8_Is_it_possible_to_pass_input_value_as_a_parameter_to_a_method_in_Angular_12\" title=\"8. Is it possible to pass input value as a parameter to a method in Angular 12?\">8. Is it possible to pass input value as a parameter to a method in Angular 12?<\/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-get-input-value-in-angular-12\/#9_How_do_I_pass_input_value_as_a_parameter_to_a_method_in_Angular_12\" title=\"9. How do I pass input value as a parameter to a method in Angular 12?\">9. How do I pass input value as a parameter to a method in Angular 12?<\/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-get-input-value-in-angular-12\/#10_Can_I_use_template_reference_variables_to_get_input_value_in_Angular_12\" title=\"10. Can I use template reference variables to get input value in Angular 12?\">10. Can I use template reference variables to get input value in Angular 12?<\/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-get-input-value-in-angular-12\/#11_What_is_the_syntax_for_using_template_reference_variables_to_get_input_value_in_Angular_12\" title=\"11. What is the syntax for using template reference variables to get input value in Angular 12?\">11. What is the syntax for using template reference variables to get input value in Angular 12?<\/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-get-input-value-in-angular-12\/#12_Are_there_any_built-in_Angular_directives_for_retrieving_input_values\" title=\"12. Are there any built-in Angular directives for retrieving input values?\">12. Are there any built-in Angular directives for retrieving input values?<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"FAQs_on_Getting_Input_Value_in_Angular_12\"><\/span>FAQs on Getting Input Value in Angular 12:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"1_How_can_I_get_input_value_using_ngModel_in_Angular_12\"><\/span>1. How can I get input value using ngModel in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can bind the input element to a property in your component using ngModel. This allows you to access the input value directly in your component logic.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2_What_is_the_syntax_for_using_ngModel_to_get_input_value_in_Angular_12\"><\/span>2. What is the syntax for using ngModel to get input value in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can use the [(ngModel)] directive on the input element along with a property in your component. For example, [(ngModel)]=&#8221;inputValue&#8221;.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Can_I_get_input_value_without_using_ngModel_in_Angular_12\"><\/span>3. Can I get input value without using ngModel in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use ViewChild to access the input element directly in your component and retrieve its value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"4_How_do_I_use_ViewChild_to_get_input_value_in_Angular_12\"><\/span>4. How do I use ViewChild to get input value in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can use ViewChild to get a reference to the input element in your component. Then, you can access the value property of the input element.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5_What_is_the_benefit_of_using_ViewChild_to_get_input_value_in_Angular_12\"><\/span>5. What is the benefit of using ViewChild to get input value in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nUsing ViewChild gives you more control over accessing the input element and allows you to perform additional logic before retrieving the input value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"6_Can_I_use_event_binding_to_get_input_value_in_Angular_12\"><\/span>6. Can I use event binding to get input value in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use event binding to capture input events and update a property in your component with the input value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"7_How_do_I_use_event_binding_to_get_input_value_in_Angular_12\"><\/span>7. How do I use event binding to get input value in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can listen for input events such as (input), (change), or (keyup) on the input element and update a property in your component with the input value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8_Is_it_possible_to_pass_input_value_as_a_parameter_to_a_method_in_Angular_12\"><\/span>8. Is it possible to pass input value as a parameter to a method in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can pass the input value as a parameter to a method in your component by using event binding or accessing the input element directly.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"9_How_do_I_pass_input_value_as_a_parameter_to_a_method_in_Angular_12\"><\/span>9. How do I pass input value as a parameter to a method in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can call a method in your component and pass the input value as an argument when the input value changes or when a specific event occurs.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"10_Can_I_use_template_reference_variables_to_get_input_value_in_Angular_12\"><\/span>10. Can I use template reference variables to get input value in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYes, you can use template reference variables (#var) to access the input element in your component template and retrieve its value.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"11_What_is_the_syntax_for_using_template_reference_variables_to_get_input_value_in_Angular_12\"><\/span>11. What is the syntax for using template reference variables to get input value in Angular 12?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nYou can add a template reference variable to the input element in your component template, such as #input, and then access its value using the variable name.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"12_Are_there_any_built-in_Angular_directives_for_retrieving_input_values\"><\/span>12. Are there any built-in Angular directives for retrieving input values?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\nAngular does not have built-in directives specifically for retrieving input values, but you can use ngModel, ViewChild, event binding, or template reference variables to achieve this functionality easily.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.** Angular 12 provides various ways to retrieve input values from user input elements. Whether you are working with forms, directives, or components, knowing how to get input values is essential to building &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"How to get input value in Angular 12?\" class=\"read-more button\" href=\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#more-201575\">Read more<span class=\"screen-reader-text\">How to get input value in Angular 12?<\/span><\/a><\/p>\n","protected":false},"author":51,"featured_media":107420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[86279],"tags":[],"class_list":["post-201575","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 get input value in Angular 12?<\/title>\n<meta name=\"description\" content=\"**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.** Angular 12 provides\" \/>\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-get-input-value-in-angular-12\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get input value in Angular 12?\" \/>\n<meta property=\"og:description\" content=\"**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.** Angular 12 provides\" \/>\n<meta property=\"og:url\" content=\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/\" \/>\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-10-24T04:44:16+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=\"Adam Forbes\" \/>\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=\"Adam Forbes\" \/>\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-get-input-value-in-angular-12\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/\"},\"author\":{\"name\":\"Adam Forbes\",\"@id\":\"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060\"},\"headline\":\"How to get input value in Angular 12?\",\"datePublished\":\"2024-10-24T04:44:16+00:00\",\"dateModified\":\"2024-10-24T04:44:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/\"},\"wordCount\":510,\"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-get-input-value-in-angular-12\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/\",\"url\":\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/\",\"name\":\"How to get input value in Angular 12?\",\"isPartOf\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/#website\"},\"datePublished\":\"2024-10-24T04:44:16+00:00\",\"dateModified\":\"2024-10-24T04:44:16+00:00\",\"description\":\"**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.** Angular 12 provides\",\"breadcrumb\":{\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/namso-gen.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to get input value in Angular 12?\"}]},{\"@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\/88cd882dfb29a6b147bc0ea26dc84060\",\"name\":\"Adam Forbes\",\"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\":\"Adam Forbes\"},\"description\":\"Guest author Adam Forbes 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 get input value in Angular 12?","description":"**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.** Angular 12 provides","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-get-input-value-in-angular-12\/","og_locale":"en_US","og_type":"article","og_title":"How to get input value in Angular 12?","og_description":"**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.** Angular 12 provides","og_url":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/","og_site_name":"Namso Gen Blog - Free Credit Card Generator [100% Valid]","article_publisher":"https:\/\/www.facebook.com\/synchronyfinancial","article_published_time":"2024-10-24T04:44:16+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":"Adam Forbes","twitter_card":"summary_large_image","twitter_creator":"@synchrony","twitter_site":"@synchrony","twitter_misc":{"Written by":"Adam Forbes","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#article","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/"},"author":{"name":"Adam Forbes","@id":"https:\/\/namso-gen.co\/blog\/#\/schema\/person\/88cd882dfb29a6b147bc0ea26dc84060"},"headline":"How to get input value in Angular 12?","datePublished":"2024-10-24T04:44:16+00:00","dateModified":"2024-10-24T04:44:16+00:00","mainEntityOfPage":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/"},"wordCount":510,"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-get-input-value-in-angular-12\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/","url":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/","name":"How to get input value in Angular 12?","isPartOf":{"@id":"https:\/\/namso-gen.co\/blog\/#website"},"datePublished":"2024-10-24T04:44:16+00:00","dateModified":"2024-10-24T04:44:16+00:00","description":"**To get an input value in Angular 12, you can use two-way data binding with ngModel or access the input element using ViewChild.** Angular 12 provides","breadcrumb":{"@id":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/namso-gen.co\/blog\/how-to-get-input-value-in-angular-12\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/namso-gen.co\/blog\/"},{"@type":"ListItem","position":2,"name":"How to get input value in Angular 12?"}]},{"@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\/88cd882dfb29a6b147bc0ea26dc84060","name":"Adam Forbes","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":"Adam Forbes"},"description":"Guest author Adam Forbes 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\/201575","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\/51"}],"replies":[{"embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/comments?post=201575"}],"version-history":[{"count":0,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/posts\/201575\/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=201575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/categories?post=201575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/namso-gen.co\/blog\/wp-json\/wp\/v2\/tags?post=201575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}