欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

angularJS(五)angularJsDemo之控制器

程序员文章站 2024-03-22 22:57:04
...

需求:实现两个数相加

angularJS(五)angularJsDemo之控制器

 angularJS(五)angularJsDemo之控制器

代码实现

<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>