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

【问题标题】：How to update the selected item after being re-directed into another page重定向到另一个页面后如何更新所选项目
【发布时间】：2016-10-15 10:00:17
【问题描述】：

我正在创建一个使用 ionic item-divider 的应用程序。当我单击列表标题时，它将重定向到新视图，用户可以在其中更新和删除当前选定的项目。我面临的问题是更新，因为我无法将信息从第一页推送到第二页页面，即我想同时推送所选项目及其子项目，以便对其进行编辑和保存。我在我的控制器中使用key 来了解正在选择什么，之后我正在努力将所选选项及其相关信息推送到下一页以进行更新并保存。我附上了我的第一页的外观。

plnkr link

主视图：

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

【问题讨论】：

标签： javascript angularjs ionic-framework

【解决方案1】：

你做错的事情你不能用

$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');
})

之后，您只能转到 secong 页面。并用于传递参数你应该像这样通过它

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

但您使用的是 $rootScope，因此您不需要传递参数，您可以在 secondController 中使用该 $rootScope.selectItem。

希望这对您有所帮助.. 谢谢

【讨论】：