angularJS(五)angularJsDemo之控制器

最新推荐文章于 2025-08-10 14:00:41 发布

原创最新推荐文章于 2025-08-10 14:00:41 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

angularJs 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用AngularJS框架实现的简单计算器应用。该应用通过两个输入框接收数值，并利用AngularJS控制器中的函数进行加法运算，最后将结果展示在页面上。此示例适合初学者了解AngularJS的基本用法。

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

需求：实现两个数相加

代码实现

<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(){
  return parseInt($scope.x)+parseInt($scope.y);
}
}
);
</script>
</head>
<body ng-app="myApp" ng-controller="myController">
第一个数:<input ng-model="x">     第二个数<input ng-model="y">
{{add()}}
</body>
</html>