如何在被重定向到另一个页面后更新所选项目

How to update the selected item after being re-directed into another page

本文关键字:更新 项目 选项 另一个 重定向      更新时间:2023-09-26

我创建了一个应用程序,在那里我使用了离子物品分配器。当我单击列表标题时,它将重定向到新视图,用户可以在其中更新和删除当前选择的项目。我面临的问题是在更新,因为我无法将信息从第一页推到第二页,即我想推所选项目及其子项,以便两者都被编辑和保存。我在控制器中使用key来了解正在选择的内容,之后我正在努力将所选选项及其相关信息推送到下一页进行更新和保存。我已经附上了一个活塞如何我的第一页看起来。

plnkr联系

主要观点:

   <ion-list>
   <ion-item ng-model="carBrand" ng-repeat="name in carSelect">       
   <button ng-click="selectItem(name)">{{name.name}}</button>
   <div class="item" ng-repeat="type in name.types">{{type}}</div>
   </ion-item>
   </ion-list>

你做错的事情不能用

$state.go('second.html',{key});

它需要适当的路由,你不能使用显式的。html文件去。你应该在你的js中添加这样的配置部分

carService.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
   .state('first', {
      url: '/first',
      templateUrl: 'templates/first.html',
      controller: 'carBrand'
    })
     .state('second', {
      url: '/second',
      templateUrl: 'templates/second.html',
      controller: 'secondCTRL',
      params: {
          object: null
      }
    });
    $urlRouterProvider.otherwise('/first');
})

之后你只能转到第二页。为了传递参数你应该像这样传递它

$state.go('second', {object:key});

但是你正在使用$rootScope,所以你不需要传递参数,你可以使用$rootScope。

希望这对你有帮助。由于