angular学习日志06 form表单 ng-submit

最新推荐文章于 2023-12-29 18:54:29 发布

015646

最新推荐文章于 2023-12-29 18:54:29 发布

阅读量2.4k

点赞数 1

分类专栏： # Angularjs 文章标签： Angularjs ng-submit

本文链接：https://blog.csdn.net/u011488769/article/details/50401561

版权

Angularjs 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en" ng-app="start">
<head>
<meta charset="UTF-8">
<title>form</title>
<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body>
<form ng-submit="requestFunding()" ng-controller="StartUpController">
Starting:<input ng-change="computeNeeded()" ng-model="startingEstimate"/>
Recommendation:{{needed}}
<button>click!</button>
<button ng-click="reset()">reset</button>
</form>
<script type="text/javascript">
angular.module('start',[])
.controller('StartUpController',function($scope){
$scope.needed=0;
$scope.computeNeeded=function(){
$scope.needed = $scope.startingEstimate*10;
}
$scope.requestFunding = function(){
alert($scope.needed);
}
$scope.reset=function(){
$scope.startingEstimate = 0;
}
})

</script>
</body>
</html>