variable value is not updating

I have Created one modal in the modal having on textbox , i want to fill the the textbox as firstname than i will press the button ok , in the same page that value should display , i written the code but i dnt know where the problem after enter the value that value is not showing , can any one help me

Here the code..

"text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js">
"text/javascript">
var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
$scope.firstName = "";
$scope.valSubmit = function () {
firstName = $scope.firstname;
alert(firstName);
$("#myModal").modal('hide');
};
});
"myApp" ng-controller="myCtrl">
"form1" runat="server">
class="row">
"myModal" class="modal fade" role="dialog">
class="modal-dialog">
class="modal-content">
class="modal-header">
"button" class="close" data-dismiss="modal">×
class="modal-title">Modal Header

class="modal-body">

"text" placeholder="enter first name" id="name" ng-model="firstname" class="form-control" />

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Cynthia Sathuragiri8y ago
Accepted answer
Hi,

Please check ng-model is assigned with the variable "firstname" (n small). But in controller it is defined as "firstName" (N caps).

In html file change it to ng-model="firstName".
+1

variable value is not updating

{{firstName}}

tage the value is not coming....

1 Reply