以角度将数据从一个视图传递到另一个视图

Question

我正在尝试加载包含自定义消息的视图。 所以这是场景

假设我在索引上，我将导航到index2.html。

Index2.html将呈现传递给它的自定义消息。 一种方法肯定是使用$ routeParams来完成的，但是我不希望通过url传递信息，而是我希望采用通用的POST格式，其中传递的数据不会在url中公开

我也不想使用localstorage，会话或cookie。 我想要以一种方式将数据传递给视图，并且应该将其呈现。

如果有人可以帮助我

Answer 1

工厂 -在页面之间共享数据的正确方法是工厂/服务。

在此示例中，我将向您展示如何在两个控制器之间共享数据，但这是同一回事。 调用服务后，便可以访问其实例和数据。

 var myApp = angular.module('myApp', []); myApp.factory('shareService', function(){ return { title: "some title" }; }); myApp.controller('controller1', function($scope, shareService){ var ctrl1 = this; ctrl1.title = shareService.title; }); myApp.controller('controller2', function($scope, shareService){ var ctrl2 = this; ctrl2.title = shareService.title; }); 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp"> <div ng-controller="controller1 as ctrl1"> {{ctrl1.title}} </div> <div ng-controller="controller2 as ctrl2"> {{ctrl2.title}} </div> </div> 

在AngularJs doc上阅读有关服务的更多信息

UPDATE

在plunkr上路由和共享数据的工作示例