簡體   English   中英

以角度將數據從一個視圖傳遞到另一個視圖

[英]Passing data from one view to another in angular

我正在嘗試加載包含自定義消息的視圖。 所以這是場景

假設我在索引上,我將導航到index2.html。

Index2.html將呈現傳遞給它的自定義消息。 一種方法肯定是使用$ routeParams來完成的,但是我不希望通過url傳遞信息,而是我希望采用通用的POST格式,其中傳遞的數據不會在url中公開

我也不想使用localstorage,會話或cookie。 我想要以一種方式將數據傳遞給視圖,並且應該將其呈現。

如果有人可以幫助我

工廠 -在頁面之間共享數據的正確方法是工廠/服務。

在此示例中,我將向您展示如何在兩個控制器之間共享數據,但這是同一回事。 調用服務后,便可以訪問其實例和數據。

 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上路由和共享數據的工作示例

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM