angularJs中的provider服务

最新推荐文章于 2021-07-17 14:49:24 发布

W1256754982

最新推荐文章于 2021-07-17 14:49:24 发布

阅读量601

点赞数 1

本文链接：https://blog.csdn.net/W1256754982/article/details/78259720

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <script type="text/javascript">
        var app=angular.module("myApp",[]);
        app.provider("calulator",function(){
            this.$get=function(){
              return{
                  add:function(num1,num2){
                      return num1+num2;
                  },
                  subtract:function(num1,num2){
                      return num1-num2;
                  },
                  multiply:function(num1,num2){
                      return num1*num2;
                  },
                  divide:function(num1,num2){
                      if(num2!=0){
                          return num1/num2;
                      }
                      return 0;
                  }
              }
            };
        });
        app.controller("myCtrl",function($scope,calulator){
            $scope.result1=calulator.add(8,4);
            $scope.result2=calulator.subtract(8,4);
            $scope.result3=calulator.multiply(8,4);
            $scope.result4=calulator.divide(8,4);
        });
    </script>
</head>
<body ng-app="myApp">
<div ng-controller="myCtrl">
    <div>8 + 4 = {{ result1 }}</div>
    <div>8 - 4 = {{ result2 }}</div>
    <div>8 * 4 = {{ result3 }}</div>
    <div>8 / 4 = {{ result4 }}</div>
</div>
</body>

</html>

W1256754982

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularJs中的provider服务

var app=angular.module("myApp",[]); app.provider("calulator",function(){ this.$get=function(){ return{ add:function(num1,num2){
复制链接

扫一扫