美文网首页
ionic3 数据更新,双向数据绑定失效

ionic3 数据更新,双向数据绑定失效

作者: 猿奇 | 来源:发表于2018-01-15 10:14 被阅读0次

碰到ts里面,明明进行了数据更新,html页面却没有对应的绑定过去,这很令人扎心和抓狂啊……
小编研究了下,终于找到解决方案,这就分享出来。

如有疑问,可评论联系作者,热心解答,从不怼人。。。

虽然ionic3是双向数据绑定,但是也有需要手动刷新页面的时候

导入ChangeDetectorRef

import { ChangeDetectorRef } from '@angular/core';  
…
constructor( 
public cd: ChangeDetectorRef
…
){}
…
//在数据更新后,调用detectChanges方法刷新
this.cd.detectChanges();   

相关文章

  • ionic3 数据更新,双向数据绑定失效

    碰到ts里面,明明进行了数据更新,html页面却没有对应的绑定过去,这很令人扎心和抓狂啊……小编研究了下,终于找到...

  • Vue2 数据双向绑定原理解析-简易版(个人笔记)

    一、什么是 MVVM 数据双向绑定 MVVM 数据双向绑定主要是指:数据变化更新视图,视图变化更新数据,如下图所示...

  • js实现双向数据绑定

    单向数据绑定  把Model绑定到view,Model更新,View将会自动更新双向数据绑定  用户更新view,...

  • 小程序实现双向绑定

    我们知道vue是双向绑定的前端框架,视图数据的更新,data就会更新;data更新,视图就会更新;这种双向绑定在小...

  • Vue之表单双向数据绑定和组件

    三、表单双向数据绑定和组件 目录:双向数据绑定、组件 1.双向数据绑定 1)什么是双向数据绑定Vue.js是一个M...

  • Vue 中的双向数据绑定

    双向绑定 单向数据流 双向绑定 or 单向数据流 Vue 是单向数据流,不是双向绑定 Vue 的双向绑定是语法糖 ...

  • angular 学习记录(四)

    数据绑定: 一、数据双向绑定( [(...)] ): 你经常需要显示数据属性,并在用户作出更改时更新该属性。在元素...

  • 2018-01-19

    在AngularJs中,使用jQuery添加dom对象来使用数据双向绑定失效。 $(document).on("c...

  • RxSwift-MVVM

    MVVM核心在于数据与UI的双向绑定,数据的变化会更新UI,UI变化会更新我们的数据。那这种绑定操作谁来做呢?当然...

  • vue.js入门(四,双向绑定,VDOM,Key)

    双向绑定 简单说明什么是双向绑定:model(数据)——>(改变更新)view同时也可以view(视图)——>(改...

网友评论

      本文标题:ionic3 数据更新,双向数据绑定失效

      本文链接:https://www.haomeiwen.com/subject/icsroxtx.html