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

时间:2016-08-31 01:10:06

标签: javascript html angularjs button angularjs-ng-click

嗨,我已经学习了一周以上的角度。 我对ng-model有疑问。

我的问题是我有一个名为firstname的字段: 当我提供名称并点击提交按钮。 firstname必须显示在名为Name:

的另一个字段中

这是我写的代码:

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

感谢任何帮助。

由于

2 个答案:

答案 0 :(得分:2)

只需将其更改为:

$scope.display = $scope.firstname;

答案 1 :(得分:1)

您的$scope.display是内部的。将其更改为{{1}}。