Ionic3 - 在深层链接之后,双向绑定不起作用(存在测试代码)

时间:2017-07-02 14:01:25

标签: angular ionic3 deeplink two-way-binding

我遇到了阻止角度双向绑定的深层链接问题。

我用git做了一个测试项目。请检查here(这是一个简单的离子默认项目。如果您已经安装了npmionic-cli,只需运行npm iionic cordova platform add ios

解释项目 1。工作案例

  • 共有3页。主页,列表和模态。
  • 每个页面都有input,此输入的变量已连接 使用test变量。此test显示在input
  • 下方

像:

<input (input)="testFn($event)" name="myTest"> 
<p>Hello {{test}}!</p>
  • 每个页面,每当我输入输入时,它会立即反映出来 {{test}}
  • 一切似乎都没问题。

2。不是工作案例

  • 如果您选中app.component.ts,则会看到深层链接设置为 this.nav.push('ListPage');,网址为myapp://list

  • 所以在我的xcode iphone模拟器中,我将打开safari并在地址栏中输入myapp://list。它会将您重定向到列表页面。

  • 从那时起,在“列表”页面和“模态”页面中输入反映到{{test}}无法正常工作的输入。但是在主页上工作。
  • testFn函数中,我放了console.log。当我测试时,console.log总是正确打印。所以我猜角度没有正确更新。 (如果在xcode iPhone模拟器中没有看到键盘:cmd + shift + k

我的环境

  • Ionic Framework:3.5.0
  • Ionic App脚本:1.3.12
  • Angular Core:4.1.3
  • Angular Compiler CLI:4.1.3
  • 节点:7.10.0
  • OS平台:macOS Sierra
  • 导航平台:MacIntel
  • 用户代理:Mozilla / 5.0(iPhone; CPU iPhone OS 9_1,如Mac OS X)AppleWebKit / 601.1.46(KHTML,如Gecko)版本/ 9.0 Mobile / 13B143 Safari / 601.1
  • Xcode:8.3.3(8E3004b)
  • 模拟器:iPhone 5 iOS 10.3(14E8301)

我也试过ionic cordova platform rm iosionic cordova platform add ios,但没有运气。

有谁能告诉我我的代码有什么问题?

非常感谢。

编辑:我可以使用ChangeDetectorRef的{​​{1}}来强制更新视图。但我不认为这是一个很好的解决方案。

0 个答案:

没有答案