ionic3 - 为什么我的切换输入 UI 没有正确更新?
问题描述
我正在使用 Ionic 来显示一个表单——它工作正常。我无法让 UI 反映正确的值。
我得到了正确的值:
"optionOne":1,"optionTwo":0
这应该告诉我的 UI 必须optionOne
被检查,并且optionTwo
不能被检查。
这是我获取值的方式:
.ts
....
public myFormorm: FormGroup;
constructor() {
...
this.myObject = this.navParams.get('myObject');
let foo = {
id: this.myObject.id,
title: this.myObject.title,
optionOne: this.myObject.optionOne,
optionTwo: this.myObject.optionTwo
}
this.myFormorm = this.formBuilder.group({
title: [foo.title, Validators.compose([Validators.required])],
optionOne: [foo.optionOne],
optionTwo: [foo.optionTwo],
});
}
这些值都是正确的;我只是想念如何正确设置切换组件。如果我进行更改并执行 a PUT
,则更新后的值会正确返回。
如果我刷新整个页面,一切都很好。
.html
<ion-item>
<ion-label stacked>Option One</ion-label>
<ion-toggle formControlName="optionOne"></ion-toggle>
</ion-item>
我尝试[checked]
在切换输入上使用不同的变体,但如果我创建一个新对象而不是 put,我会得到一个foo.optionOne
不存在的错误(这很有意义)。
解决方案
推荐阅读
- ios - 将数据从 JSON 数组传递到另一个视图控制器
- flutter - 版本解决失败没有得到解决方案
- typedoc - Typedoc 仅文档导出类
- amazon-web-services - 在 AWS EC2 Windows 实例上启动 Apache2.4 作为登录即服务
- react-component - 如何优化 React 排版组件?
- java - 如何使用 maven en .jar 构建和运行 java 项目
- c# - 身份验证方案无法识别共享会话 cookie
- office-js - Uncaught (in promise) TypeError: Office.context.ui.messageParent is not a function
- node.js - 使用 IIS 时,Passport js 认为每个人都是同一个用户,使用反向代理时不路由
- assembly - 当我们只知道操作码的十六进制时如何编码指令