Question

我正在创建一个我使用了离子项目分隔符的应用程序。当我点击列表标题时，它将重新定向到用户可以更新和删除当前所选项目的新视图。我面临的问题是更新，因为我无法将信息从第一页推送到第二页页面即我想推送所选项目及其子项目，以便编辑和保存它们。我在我的控制器中使用key来了解被选中的内容，之后我很难将所选的选项及其相关信息推送到下一页进行更新并保存。我附上了一个关于我的第一页看起来如何的plunker。

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>

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

希望这有助于你......谢谢

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

1 个答案: