簡體   English   中英

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

[英]How to properly use ng-click in angularjs?

嗨,我已經學習了一周以上的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>

任何幫助表示贊賞。

謝謝

只需將其更改為:

$scope.display = $scope.firstname;

您的var display是內部的。 將其更改為$scope.display

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM