如何在 angularjs 中正确使用 ng-click？

Question

嗨，我已经学习 angularjs 一个多星期了。我有一个关于 ng-model 的问题。

我的问题是我有一个名为 firstname: 的字段。当我给出名字并点击提交按钮时。名字必须显示在另一个名为名称的字段中：

这是我写的代码：

<!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>

感谢任何帮助。

谢谢

Answer 1

只需将其更改为：

$scope.display = $scope.firstname;

Answer 2

你的 var display 是内部的。将其更改为 $scope.display。

如何在 angularjs 中正确使用 ng-click？

How to properly use ng-click in angularjs?

javascript

html

angularjs

button

angularjs-ng-click