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

Question

Hi I have been learning angularjs over a week now. 嗨，我已经学习了一周以上的angularjs。 I have a question on ng-model. 我对ng-model有疑问。

my question is I have a field called firstname:. 我的问题是我有一个名为firstname：的字段。 When I give the name and hit the submit button. 当我输入名称并点击提交按钮时。 The firstname has to be displayed in another field called Name: 名字必须显示在另一个名为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 谢谢

Answer 1

只需将其更改为：

$scope.display = $scope.firstname;

Answer 2

Your var display is internal. 您的var display是内部的。 Change it to $scope.display . 将其更改为$scope.display 。

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

问题描述

2 个解决方案

解决方案1
2 已采纳 2016-08-31 01:12:12

解决方案2
1 2016-08-31 01:13:23

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

问题描述

2 个解决方案

解决方案1 2 已采纳 2016-08-31 01:12:12

解决方案2 1 2016-08-31 01:13:23

解决方案1
2 已采纳 2016-08-31 01:12:12

解决方案2
1 2016-08-31 01:13:23