例如,显示 URL 中所选单选按钮的值。
URL:[域]/选择器/:值
@IonicPage({
name: 'selector',
section: 'selector/:value'
})
@Component({
template: `
<ion-list radio-group [(ngModel)]="selector">
<ion-item>
<ion-label>First</ion-label>
<ion-radio value="first" checked></ion-radio>
</ion-item>
<ion-item>
<ion-label>Second</ion-label>
<ion-radio value="second"></ion-radio>
</ion-item>
</ion-list>
`
})
class SelectorComponent {
private _value;
get selector() {
return this._value;
}
set value(value) {
this._value = value;
//set :value in url equals current value
}
}
现在,当用户切换按钮时,他应该在 URL 中看到 new :value。
最佳答案
您可以使用Ionic Page dynamic links 。在组件顶部添加 @IonicPage()
装饰器,并使用动态值指定一个段。
@IonicPage({
name: 'detail-page',
segment: 'selector/:value'
})
然后您可以像这样推送页面,将动态值作为 navParam 传递。
this.navCtrl.push('detail-page', {
'value': detailInfo.value
})
关于ionic-framework - 如何在 NavParams 中设置属性以更新 Ionic 中的 url 路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45063747/