angular 使用服务共享数据需要注意

最新推荐文章于 2024-08-15 20:53:23 发布

转载最新推荐文章于 2024-08-15 20:53:23 发布 · 427 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bruce-gou/p/6382946.html

文章标签：

#javascript #ViewUI

本文介绍了在AngularJS中两个控制器间正确共享数据的方法，并通过实例展示了如何避免视图不刷新的问题。强调了在使用服务进行数据共享时需要注意的细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用服务共享数据时，需要注意一些细节，否则会出现视图不刷新，也不报错这样的问题，遇到了，总结下

如下：

        <div ng-controller='ctr1'>
            <a href="#" ng-click='name()'>1{{name1.name}}</a>
        </div>
        <div ng-controller='ctr2'>
            <a href="#" ng-click='name()'>1{{name1.name}}</a>
        </div>

　　　　　var app = angular.module('myapp',[]);
        app.factory('Data', function() {
        　　return {}
        });
        app.controller('ctr1',['$scope','$timeout','Data',function($scope,$timeout,Data){
            $scope.name1 = Data;//赋值时必须赋值整个Data
            $scope.name = function(){
                //不能直接给Data传值， 如：Data = {name:'李四'}; 
                //需先定义一个对象属性:如下
                Data.name = '李四';  
            }
        }]);
        app.controller('ctr2',['$scope','Data',function($scope,Data){
            $scope.name1 = Data;
            $scope.name = function(){
                Data.name = '王五';
            }
        }]);