2016-12-16 93 views
-5

我試圖在不使用服務的情況下在html頁面之間傳遞表單數據。使用角度在html頁面之間傳遞數據

這是我的代碼鏈接 - >http://plnkr.co/edit/E6LM5Oq67XRcvVuMIv9i?p=preview 下面是我的contacts.html頁面。

<html> 
<head> 
<title>Contacts Page</title> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-route.js"></script> 
<script src="app.js"></script> 
</head> 
<body ng-app="myApp" > 
<table> 
<tr> 
<th>User ID</th> 
<th>First Name</th> 
<th>Last Name</th> 
<th>Phone Number</th> 
</tr> 
<tr ng-repeat="contact in contacts"> 
<td>{{contact.uid}}</td> 
<td>{{contact.fname}}</td> 
<td>{{contact.lname}}</td> 
<td>{{contact.pphone}}</td> 
</tr> 
</table> 
</body> 
</html> 

該數據沒有傳遞給contacts.html.How to do this?

+4

請在你的問題的所有相關信息(包括代碼)。看看[問]和[mcve]。 –

+0

發佈代碼 – Coded9

+0

兩者都是不同的HTML頁面。你不能傳遞那樣的數據。 – SaiUnique

回答

-2

使用rootScope我們可以將其歸檔。

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope, $rootScope) { 
 
    $scope.carname = "Volvo"; 
 
    $rootScope.car=$scope.carname; 
 
}); 
 
app.controller('controllerTwo', function($scope, $rootScope) { 
 
    $scope.getcarname = $rootScope.car; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl"> 
 

 
<h1>{{carname}}</h1> 
 

 

 

 
<div ng-controller="controllerTwo"> 
 

 
<h1>Using rootscope: {{getcarname}}</h1> 
 

 
</div> 
 
    </div>

+2

這不是'$ rootScope'的預期目的;儘管這可能會起作用,但教這種不好的做法並不是一個好主意。 – Claies

+2

也無法解決這個問題,因爲即使'$ rootScope'只能在一個角度應用程序中工作,這裏的例子有兩個單獨的HTML頁面,每個頁面都有一個獨特的角度應用程序。 – Claies