Two-way binding not working---

1

I’m working on saving, retrieving, editing data using SQLite / ionic / Angularjs.
I saved and retrieved the data successfully. And i’m left with an edit page.
I linked href from display page to an edit page with the hope of populating the edit page with data from the display page, but the binding is not working.
Thanks for your kind assistance:

<ion-content class="padding" ng-controller="TeamCtrl">

<div class="list list-inset">

  <div class="item item-divider item-royal">
    PERSONAL DETAILS
  </div>
  <div class="item item-input-inset">
    <label class="item item-input item-input-wrapper">First Name :
      <input type="text" ng-model="data.name" required>
    </label>
  </div>
  <div class="item item-input-inset">
    <label class="item item-input item-input-wrapper">ID  :
      <input type="number" ng-model="data.id" required>
    </label>
  </div>
  <div class="padding">
    <div class="list">
      <a class="item" ng-repeat="task in Ourdata" href="#/edit/{{task.id}}">
        <h2>{{task.id}}</h2>
        <p>{{task.name}}</p>
        <!--<div class="row">
          <div class="col-25">{{task.id}}</div> <div class="col">{{task.name}}</div>
        </div>-->
      </a>
    </div>

  </div>
  <div class="padding">
    <button class="button button-full button-positive" ng-click="createNewTeamMember(data)">
      Save
    </button>
  </div>
  <div class="padding">
    <button class="button button-full button-positive" ng-click="DisplayMember(data)">
      Display
    </button>
  </div>
</div>
// This is the edit page 
<ion-view view-title="Edit">

<div class="list list-inset">

  <div class="item item-divider item-royal">
    PERSONAL DETAILS
  </div>
  <div class="item item-input-inset">
    <label class="item item-input item-input-wrapper">First Name :
      <input type="text" ng-model="task.name" required>
    </label>
  </div>
  <div class="item item-input-inset">
    <label class="item item-input item-input-wrapper">ID  :
      <input type="number" ng-model="task.id" required>
    </label>
  </div>
</div>
</div>
//This is the controller 
.controller('TeamCtrl', function($scope, Team, $state) {
    $scope.team = [];
    $scope.team = null;
    $scope.RegId = $state.params.RegId;
    $scope.updateTeam = function() {
      Team.all().then(function(team){
        $scope.team = team;
      });
    }

    $scope.updateTeam();

    $scope.createNewTeamMember = function(member) {
      console.log("hello");
      Team.add(member);
      $scope.updateTeam();
    };

    $scope.removeMember = function(member) {
      Team.remove(member);
      $scope.updateTeam();
    };

    $scope.editMember = function(origMember, editMember) {
      Team.update(origMember, editMember);
      $scope.updateTeam();
    };

    $scope.DisplayMember = function(member) {
    Team.all(member).then(function(data){  $scope.Ourdata= data;console.log($scope.Ourdata);});
    };

    $scope.DisplaySingleMember = function(RegId) {
      Team.get(RegId).then(function(data){ $scope.task= data;console.log($scope.task);});
    };

})

2

instead of href, try looking at ng-href and/or ui-sref

3

Thanks so much. But it’s still not working.

4

ca you also post/check your angular module section

5

@owolabi have you tried this post?
It covers how to pass data between two different ion-views.
The trick is to store the data in a service/factory and then resolve the data using ui-router into both views.

Once you get it working, its pretty nifty. As you update data in one view, its automatically updated in another (because both views are sharing the same data source instead of having two copies of the data, one in each view and then having to update each other back and forth).

note: I might suggest changing the name of your post to something like “Cannot share data between two views” instead of “two-way data binding” which is an angular specific thing. This way it will better help others in the future with the same problem. two-way data binding issues are more about ng-model and wiring up controllers or directives correctly. This is more of “sharing” or “resolving” across views issue.

6

Thank you alot. Would follow as you suggest.

7

Ok. Would do that asap. Many thanks.