【问题标题】:How to properly use ng-click in angularjs?如何在angularjs中正确使用ng-click?
【发布时间】:2016-08-31 01:10:05
【问题描述】:

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

我的问题是我有一个名为 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>

感谢任何帮助。

谢谢

【问题讨论】:

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


    【解决方案1】:

    只需将其更改为:

    $scope.display = $scope.firstname;
    

    【讨论】:

    • @HAraTest 很高兴它有帮助.. 你能接受答案吗?
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-05-19
      • 1970-01-01
      • 2015-05-19
      • 1970-01-01
      • 1970-01-01
      • 2016-10-28
      • 2023-03-31
      相关资源
      最近更新 更多