[英]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.