AngularJS – 在页之间传递数据

发布时间：2020-12-17 08:58:18 所属栏目：安全来源：网络整理

导读：我是一个AngularJS启动器。我试图从以下地址发送数据：页面A：“费率列表”页至页面B：Van Update页面。当用户单击面包车的更新链接时，我将调用控制器并在控制器中检索面包车详细信息。但是，我不能使用相同的控制器分配车辆详细信息到页面B(范更新页面

我是一个AngularJS启动器。我试图从以下地址发送数据：

>页面A：“费率列表”页

至
>页面B：Van Update页面。

当用户单击面包车的更新链接时，我将调用控制器并在控制器中检索面包车详细信息。但是，我不能使用相同的控制器分配车辆详细信息到页面B(范更新页面)…错误“无法设置属性”vanNumber“未定义”

*** Page A: Van List ****

<form name="listVanForm" >
   <table>
   <tr> <td ng-controller="VanUpdateCtrl"><a href="#/van-update" ng-click="prePopulateForm(row.members.vanNumber.value )" class="btn btn-small btn-primary">update</a></td> </tr>
   </table>
</form>

*** Page B: Van Update ****

  <div class="container">
        <h2>Edit Van </h2>

        <form name="updateVanForm" novalidate="novalidate" class="form-horizontal" ng-submit="updateCard(formData)">
            <div class="control-group">
                <label class="control-label" >Van Number:</label>

                <div class="controls">
                    <input type="text" id="vanNumber" ng-model="formData.vanNumber" placeholder=""/>
                </div>
            </div>
        </form>
     </div>

*** VanUpdateCtrl **

   app.controller('VanUpdateCtrl',['$scope','VanUpdateFactory','$location',function ($scope,VanUpdateFactory,$location) {

        //callback for ng-init 'populateDD':    
        $scope.prePopulateForm = function (cardNoParam m) {

            alert('cardNo = '+cardNoParam);

            $scope.formData.cardNumber=cardNoParam;}
    }

So,$scope.formData.cardNumber OR $scope.formData in the destination page is not recognised.

您需要创建一个服务，以便能够在控制器之间共享数据。

app.factory('myService',function() {
 var savedData = {}
 function set(data) {
   savedData = data;
 }
 function get() {
  return savedData;
 }

 return {
  set: set,get: get
 }

});

在您的控制器A：

myService.set(yourSharedData);

在你的控制器B：

$scope.desiredLocation = myService.get();

记住通过将myService作为参数传递来将它注入到控制器中。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!