如何在被重定向到另一个页面后更新所选项目
How to update the selected item after being re-directed into another page
我创建了一个应用程序,在那里我使用了离子物品分配器。当我单击列表标题时,它将重定向到新视图,用户可以在其中更新和删除当前选择的项目。我面临的问题是在更新,因为我无法将信息从第一页推到第二页,即我想推所选项目及其子项,以便两者都被编辑和保存。我在控制器中使用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。
希望这对你有帮助。由于
相关文章:
- 更新:仅根据单选按钮和所选选项选择特定项目
- 从Document调用onchange函数.已准备好从更新中预先选择的项目
- orderBy$filter在项目删除(拼接)后阻止ng重复列表更新
- 如何更新localStorage项目
- 更新azure移动服务数据库中的现有项目
- 更新挖空中可观察数组中项目的属性
- 在Sails/Waterline项目中,使用更新方法增加数据库值
- 如果正在创建或更新项目,请在模型“validate”内部进行区分
- 可拖动和可排序项目编号在更改时更新
- 更新knockoutjs中的行项目
- 移除项目时,角度范围不会更新
- 使用新项目更新KendoUI网格数据源
- 使用通过Ember中的文本字段添加的项目更新页面
- 如何将 Phonegap 项目创建的 cordova 1.9 更新为 cordova 3.1
- 如果源 json 已更新(添加或删除项目),则动态更新 D3 旭日
- 更新“项目”选项以进行排序
- 更新到以前的验证脚本(学校项目)
- 如何删除不断更新的块中的项目
- 从 Firebase 更新项目
- 如何使用Javascript在网站上更新项目列表