angular 控制器之间传递传参

最新推荐文章于 2022-01-19 23:11:35 发布

郭浩326

最新推荐文章于 2022-01-19 23:11:35 发布

阅读量499

点赞数 1

分类专栏： angular

本文链接：https://blog.csdn.net/guohao326/article/details/77838558

版权

angular 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="angular.js"></script>
</head>
<body ng-controller="my">
<div><span ng-bind="name1"></span></div>
<div><span ng-bind="name2"></span></div>
<div><span ng-bind="name3"></span></div>

</body>
<script>
    var app=angular.module("myApp",[]);
    app.controller("my",["$scope","serv","serv2","serv3",
        function ($scope,s1,s2,s3) {
            $scope.name1=s1;
            $scope.name2=s2;
            $scope.name3=s3;
        }])
    //    factory方式实现的自定义服务在项目中使用较为频繁，
    //          以其简单的语法和使用方式流行
    app.factory("serv",function () {
        var _v="第一种factory";
        return _v;
    })
    //    service方式实现的自定义服务，返回的数据必须是JSON对象，
    //          在某些项目中为了规范数据的返回值，约定统一使用对象进行处理。
    //          service就比较符合这样的规范，所以使用较为频繁
    app.service("serv2",function () {
        return {_v2 : "第二种service"};
    })

    //    provider自定义服务，在angular框架内部使用较多，
    //        由于代码操作更加趋于底层造成代码可读性的降低，
    //        对于常规项目开发有一定的难度，所以项目开发使用较少
    app.provider("serv3",function () {
        this.$get = function () {
            return { _v3 : "第三种provider"};
        }
    })

</script>
</html>

郭浩326

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular 控制器之间传递传参

html>html ng-app="myApp">head> meta charset="UTF-8"> title>Titletitle> script src="angular.js">script>head>body ng-controller="my">div>span ng-bind="name1">span>div>div>span ng-bind=
复制链接

扫一扫