angularJS(六)angularJsDemo之事件

原创于 2019-04-05 18:12:11 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

angularJs 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用AngularJS实现的基本计算器示例。通过简单的HTML页面与AngularJS交互，用户可以输入两个数字并点击按钮来获得它们的和。此示例演示了如何在控制器中定义函数以处理点击事件，并在视图中显示计算结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：输入两个数通过点击事件来得出结果

这里会用到click事件

代码如下：

<html>
<head>
<title>anguarJs入门小demo 事件</title>
<script src="angular.min.js"></script>	
<script>
//建立模块
var app=angular.module("myApp",[]);
//创建控制器   $scope控制层与视图层交换的桥梁
app.controller("myController",function($scope){
$scope.add=function(){
 $scope.z= parseInt($scope.x)+parseInt($scope.y);
}
}
);
</script>
</head>
<body ng-app="myApp" ng-controller="myController">
第一个数:<input ng-model="x">     第二个数<input ng-model="y">
<button ng-click="add()">运算</button>
运算结果:{{z}}
</body>
</html>