在离子页面之间共享数据

Question

我正在研究离子项目。我想在页面之间共享数据。以下是我的所作所为。但它没有用。可以告诉我我做错了什么。我让用户将数据添加到我的reminder.html页面，我想在meds.html中显示添加的数据。

＆＃13;

＆＃13;

This is my services.js


.factory('Authorization', [function() {
 
  authorization = {};
  authorization.drug = "";
 
  return authorization;
}]);





This is my controller.js 


.controller('reminderCtrl', ['$scope', '$stateParams','Authorization'
function ($scope, $stateParams,Authorization) {
//$scope.user = Authorization;

}])


.controller('medsCtrl', ['$scope', '$stateParams','Authorization', 
function ($scope, $stateParams,Authorization) {
//$scope.user = Authorization;

}])




This is my app.js

controller('medsCtrl', function($scope,  Authorization) {
  $scope.user = Authorization;  
})

.controller('reminderCtrl', function($scope,  Authorization) {
  $scope.user = Authorization;  
})

＆＃13;

This is my reminder.html. The page that I used to add data.
<button class="button button-royal icon ion-android-done" ng-click = "add(user)" ></button>
  </ion-nav-buttons>
  <ion-content padding="true" class="has-header">
    
    <form id="reminder2-form7" class="list">
      <label class="item item-input" id="reminder2-input9" >
        <input type="text" placeholder="Drug" ng-model = "user.drug" >
      </label>
    



This is my meds.html page .This is the page that I want to show the data that I was added to the reminder.html.


<ion-view title="Meds" id="page14">
  <ion-nav-buttons side="right" class="has-header">
    <button class="button button-royal icon ion-android-add-circle"></button>
  </ion-nav-buttons>
  <ion-content padding="true" class="has-header">
    <ion-list id="meds-list6">
      <label class="item item-input" id="meds-search3">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="search" placeholder="med name">
      </label>
      <ion-item class="item-thumbnail-left dark" id="meds-list-item21">
        <img src="img/CynoZgjCQlSOdh14y24s_drug-disposal.jpg">
        <h2dark>Metformin
          <p>for diabetes</p>
        </h2dark>
      </ion-item>
      <ion-item class="item-thumbnail-left" id="meds-list-item22">
        <img src="img/ZVN6KzlgTP2WdrghQtCH_images.jpg">
        <h2>Drug:{{user.drug}}</h2>
      
      </ion-item>
    </ion-list>
    <a ui-sref="medDiary2" id="meds-button7" class="button button-royal  button-clear icon ion-android-add-circle"></a>
    <a ui-sref="searchMeds" id="meds-button10" class="button button-royal  button-clear icon ion-android-search"></a>
    <a ui-sref="reminder" id="meds-button25" class="button button-royal  button-clear icon ion-android-alarm-clock"></a>
  </ion-content>
</ion-view>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以在reminderCtrl controller

中使用$broadcast

$scope.$on('add-event', function(event, args) {
   var addedObject = args.addedObject;
   // Do what you want to do with passed object
   console.log(addedObject)
});

使用medsCtrl控制器中的$on收听上一个事件

#Build a index array and extract the rows to build the desired new df. This handles index and data all at once.    
df.iloc[np.repeat(df.index,3)]

Out[270]: In [271]: 
   a  b
0  1  2
0  1  2
0  1  2
1  3  4
1  3  4
1  3  4