How to properly use ng-click in angularjs?

Question

Hi I have been learning angularjs over a week now. I have a question on ng-model.

my question is I have a field called firstname:. When I give the name and hit the submit button. The firstname has to be displayed in another field called Name:

Here is the code I wrote:

<!DOCTYPE html>
<html>
<head>
<script     src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">
</script>
<script type="text/javascript">

var emp= angular.module("empdet",[])
emp.controller("empctrl",function($scope){
$scope.form= function(){

    var display= $scope.firstname;

}

});

</script>
</head>
<body ng-app="empdet">
<div ng-controller="empctrl">
 <div>First Name: <input type="text" ng-model="firstname"></div>
<button  type="button" ng-click=form()>SUBMIT</button>
<div>Name:{{display}}</div>
</div>
</body>
</html>

Any help is appreciated.

Thanks

developer033 · Accepted Answer · 2016-08-31 01:12:12Z

2

Just change it to:

$scope.display = $scope.firstname;

answered Aug 31, 2016 at 1:12

developer033

25k8 gold badges85 silver badges113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

developer033 Over a year ago

@HAraTest glad that it helped.. can you accept the answer?

MPawlak · Accepted Answer · 2016-08-31 01:13:23Z

1

Your var display is internal. Change it to $scope.display.

answered Aug 31, 2016 at 1:13

MPawlak

7155 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to properly use ng-click in angularjs?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related