AngularJS行内注入

最新推荐文章于 2024-02-19 11:45:00 发布

xyphf_和派孔明

最新推荐文章于 2024-02-19 11:45:00 发布

阅读量1k

点赞数

分类专栏： angular.js入门文章标签： angularjs

本文链接：https://blog.csdn.net/xyphf/article/details/53184193

版权

angular.js入门专栏收录该内容

34 篇文章 1 订阅

订阅专栏

<!doctype html>
<html ng-app="a4_5">
<head>
    <title>行内式注入</title>
    <script src="../Script/angular.min.js"
            type="text/javascript"></script>
    <style type="text/css">
        body {font-size: 12px;}
        .show {margin: 10px 0px;}
    </style>
</head>
<body>
    <div ng-controller="c4_5">
        <div class="show">{{text}}</div>
        <input id="btnSum" type="button" value="求和" ng-click="onClick(5,10)" />
    </div>
    <script type="text/javascript">
        angular.module('a4_5', [])
            .factory('$sum', function () {
                return {
                    add: function (m, n) {
                        return m + n;
                    }
                };
            })
            .controller('c4_5', ['$scope', '$sum',
        function ($scope, $sum) {
            $scope.onClick = function (m, n) {
                $scope.text = m + " + " + n + " = " + $sum.add(m, n);
            }
        }]);
    </script>
</body>
</html>