Side Menu doesnt update $scope.model

ionic-v1
1

Hi,

I have the following code main view:

<ion-view view-title="Agenda">
  <ion-content>
      <h1>{{search}}</h1>
  </ion-content>
</ion-view>

Also a Side menu:

<ion-side-menus enable-menu-with-back-views="false">
<ion-side-menu-content>
    <ion-nav-bar class="bar-stable">
        <ion-nav-back-button></ion-nav-back-button>

        <ion-nav-buttons side="left">
            <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
</ion-side-menu-content>

<ion-side-menu side="left">
    <ion-header-bar class="bar-stable">
        <h1 class="title">Filter</h1>
    </ion-header-bar>
    <ion-content>
        <ion-list>
            <div class="list">
                <label class="item item-input">
                    <i class="icon ion-search placeholder-icon"></i>
                    <input type="text" placeholder="Search" ng-model="search">
                </label>
            </div>
        </ion-list>
    </ion-content>
</ion-side-menu>

My Controller looks like this:

app.controller('mainCtrl', function ($rootScope, $scope, $http) {
$scope.search = {};
});

For some reason when I fill in some text in the input field on the side menu, I doesnt get updated in my main view.
Does anyone have any suggestions for me?

2

I think I had a similar situation, but resolved by having the side menu controller update an object in a shared service that both controllers can access - a typical pattern for sharing data between controllers.
This may not be the same situation as you haven’t included details about whether you are using the same controller for side menu as for content, so apologies if this doesn’t help you in this circumstance.

3

So far I made a workaround.
There is only one controller named mainCtrl.
I created a function

$scope.apply = function(object1, object2, object3) {
$scope.object1 = object1;
$scope.object2 = object2;
$scope.object3 = object3;
};

In the side menu I created a button with an ng-click that calls the functions to update the values for me.