双向数据绑定(ionic / sqlite / angularjs) - 不工作

时间:2015-10-31 10:49:40

标签: javascript angularjs html5 ionic

我正在使用SQLite / ionic / Angularjs保存,检索和编辑数据。 我成功保存并检索了数据。我留下了一个编辑页面。 我将href从显示页面链接到编辑页面,希望用显示页面中的数据填充编辑页面,但绑定不起作用。 谢谢你的帮助:

显示视图:

<ion-view view-title="List">

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

  </ion-content>
</ion-view>

编辑视图:

<ion-view view-title="Edit">
  <ion-content 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="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 class="padding">
      <button class="button button-full button-positive" ng-click="DisplaySingleMember(RegId)">
        Display
      </button>
    </div>-->
    </div>
  </ion-content>

</ion-view>

控制器:

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


  })

0 个答案:

没有答案