controller 间共享数据

最新推荐文章于 2021-03-13 09:07:40 发布

timelessmemoryli

最新推荐文章于 2021-03-13 09:07:40 发布

阅读量476

点赞数

分类专栏： Angularjs 文章标签： AngularJs

本文链接：https://blog.csdn.net/u014788227/article/details/49336091

版权

Angularjs 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html ng-app="myapp">
<head>
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
    <style>
        body {
            padding-top:30px;
        }
    </style>
    <script src="angular.js"></script>
    <script>
        angular.module('myapp', [])
        .factory("Data", function() {
            return {
                msg:"hello world"
            };
        })
        .controller("CtrlF", function($scope, Data) {
            $scope.data = Data;
        })
        .controller("CtrlS", function($scope, Data) {
            $scope.data = Data;
        });
    </script>
</head>
<body>
<div class="container">
<div class="col-sm-8 col-sm-offset-2">

<div ng-controller="CtrlF">
    <input type="text" ng-model="data.msg">
    <h1>{{data.msg}}</h1>
</div>

<div ng-controller="CtrlS">
    <input type="text" ng-model="data.msg">
    <h1>{{data.msg}}</h1>
</div>

</div>
</div>
</body>

</html>

效果如图，

timelessmemoryli

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
controller 间共享数据

body { padding-top:30px; } angular.module('myapp', []) .factory("Data", function() { return { msg:"hello worl
复制链接

扫一扫