Question

我正在尝试在不使用服务的情况下在html页面之间传递表单数据。

这是我的代码链接 - ＆gt; 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。如何执行此操作？

Answer 1

使用rootScope我们可以存档。

＆＃13;

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;
});

＆＃13;

<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>

＆＃13;

使用angular在html页面之间传递数据

1 个答案: