{"id":39,"date":"2024-12-04T12:38:47","date_gmt":"2024-12-04T12:38:47","guid":{"rendered":"https:\/\/alpeshconnect.in\/blog\/?p=39"},"modified":"2024-12-06T06:20:55","modified_gmt":"2024-12-06T06:20:55","slug":"display-user-input-in-angular-js","status":"publish","type":"post","link":"https:\/\/alpeshconnect.in\/blog\/2024\/12\/04\/display-user-input-in-angular-js\/","title":{"rendered":"Display User Input in Angular JS"},"content":{"rendered":"\n<p>Write an angular JS code to display FirstName and Lastname entered by the user into the respective textbox and display output.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"277\" height=\"241\" src=\"https:\/\/alpeshconnect.in\/blog\/wp-content\/uploads\/2024\/12\/image.png\" alt=\"BCA 2023 Sem - V\" class=\"wp-image-47\"\/><\/figure>\n\n\n\n<p><strong>Solution<\/strong> <strong>:<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\" ng-app=\"myApp\">\n&lt;head>\n    &lt;meta charset=\"UTF-8\">\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    &lt;title>&lt;\/title>\n    &lt;script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/angularjs\/1.8.2\/angular.min.js\">&lt;\/script>\n&lt;\/head>\n&lt;body ng-controller=\"myCtrl\">\n&lt;h2>Enter Your Details&lt;\/h2>\n\n&lt;label>First Name:&lt;\/label>\n&lt;input type=\"text\" ng-model=\"firstname\" placeholder=\"Enter First Name\">&lt;br>&lt;br>\n\n&lt;label>Last Name:&lt;\/label>\n&lt;input type=\"text\" ng-model=\"lastname\" placeholder=\"Enter Last Name\">&lt;br>&lt;br>\n\n&lt;h3>Output:&lt;\/h3>\n&lt;p>{{firstname}} {{lastname}}&lt;\/p>\n\n&lt;script>\n    var app = angular.module('myApp', &#91;]);\n    app.controller('myCtrl', function($scope) {\n        $scope.firstname = '';\n        $scope.lastname = '';\n    });\n&lt;\/script><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Write an angular JS code to display FirstName and Lastname entered by the user into the respective textbox and display output. Solution :<\/p>\n","protected":false},"author":1,"featured_media":41,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,3],"tags":[8,9],"class_list":["post-39","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-advanced-web-designing","category-bca","tag-advanced-web-designing","tag-angular-js"],"_links":{"self":[{"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/posts\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":4,"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions\/52"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/media\/41"}],"wp:attachment":[{"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alpeshconnect.in\/blog\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}