AngularJS1 学习(二)

AngularJS 中控制器的使用     

<html>
<head>
    <script  src="angular.min.js"></script>
    <script>
     //建立模块   
     //调用 angular.module 创建一个显得模块,两个参数(模块名称,模块包含的内容)
      var app=angular.module("myApp",[])
     //建立控制器     $scope 就是控制层与视图层之间交换数据的桥梁
      app.controller("myController",function($scope){
              
            //将add 这个函数添加到  $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">
//调用上面控制层中添加到 $scope 中的add 函数 返回 x+y 的值
{{ add() }}
</body>
</html>

猜你喜欢

转载自blog.csdn.net/wjxhhh123/article/details/82194172