1. 程式人生 > >ionic3 list進入detail,detail頁面資料無法雙向繫結

ionic3 list進入detail,detail頁面資料無法雙向繫結

1.匯入ChangeDetectorRef

[javascript] view plain copy
  1. import { ChangeDetectorRef } from '@angular/core';  
2.宣告 [javascript] view plain copy
  1. constructor( public cd: ChangeDetectorRef){}  

3.在資料更新後,呼叫detectChanges方法重新整理 [javascript] view plain copy
  1. this.cd.detectChanges();  
此方法有危險, 如果在list頁面, 新增資料後使用此方法重新整理, 點選新新增的資料,進入detail頁面,會造成detail頁面的資料雙向繫結發生意想不到\\ 的情況,比如ngif之類的,無法及時更新

相關推薦

ionic3 list進入detail,detail頁面資料無法雙向

1.匯入ChangeDetectorRef [javascript] view plain copy import { ChangeDetectorRef } from '@ang

SpringMVC中利用@InitBinder來對頁面資料進行解析

在使用SpingMVC框架的專案中,經常會遇到頁面某些資料型別是Date、Integer、Double等的資料要繫結到控制器的實體,或者控制器需要接受這些資料,如果這類資料型別不做處理的話將無法繫結。       解決方法:使用註解@InitBinder來解決這些問題,這樣

Winfrom中資料雙向(使用INotifyPropertyChanged)

在WPF中新建專案是自動實現了INotifyPropertyChanged介面,用於資料繫結時非常的方便 在winfrom中也可以實現INotifyPropertyChanged介面 將需要繫結的欄位寫到一個類中,用這個類實現INotifyPropertyChanged介面 pub

vue中用computed簡單實現資料雙向(getter 和 setter)

vue是號稱實現了資料雙向繫結的框架,但事實上在日常開發中我們用的最多的就是 v-model 將data(vue例項中)裡面的是資料和view 相關聯,實現 data 更新,view自動重新整理的效果。但是,在移動成都上來說,這種資料雙向繫結的效果並不是特別的明顯。 今天,我用輸入框和 co

你必須知道的React的知識點:單向資料流,高效能虛擬DOM,元件間的資料互動,事件與資料雙向,生命週期鉤子,fetch:資料請求等

1、React除錯工具:React Developer Tools 2、React開發工具:Atom 3、React UI庫:Material-UI / Ant Deaign 4、React適用場景:資料不斷變化的大型應用程式 5、前端UI構建方式:資料模型、UI介面

vue資料雙向

先看要實現的效果: 再貼程式碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

VUE關於物件動態新增屬性無法雙向問題

在專案中遇到的問題,因為物件屬性不固定,需要到資料庫中讀取,然後動態的給物件新增屬性,在新增屬性的過程中發現新增的屬性在雙向繫結時不能生效,房頂方法有三種,如下圖: 上邊有三種給物件新增屬性並賦值的方法,只有第一種可以實現值的雙向繫結,但是跟需求不符合,需要新增的屬性不是固定的,後來採用的方法是建立一個

使用髒檢查機制實現資料雙向

1.實現效果: input標籤的值一變化,底下的p標籤的內容就跟著變化。 2.實現思路: 首先,angular得把我的舊資料記下來的吧。 angular的雙向繫結依賴髒檢查機制。為要雙向繫結的資料進行註冊,註冊到$scope上。($scope是a

初探Vue原理之view-model的資料動態雙向

Vue應用的是mvvm框架,view和model分離,然後通過vm雙向資料繫結,` <!-- 模板 --> <div id="app"> {{msg}} </div> <!-模型-> // 原生物件即

vue如何實現資料雙向

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <titl

Angularjs 資料雙向和controller通訊

資料的雙向繫結 Angular實現了雙向繫結機制。所謂的雙向繫結,無非是從介面的操作能實時反映到資料,資料的變更能實時展現到介面。 angular並不存在定時髒檢測,而是觸發指定函式進入angular的digest流程: - DOM事件,如輸入文字,點選按

vue資料雙向原始碼分析

VUE中的資料雙向繫結是通過資料劫持的方式實現的,核心的便是object.defineProperty(),它內部分為三個部分:observer 可以遞迴地監聽物件上的所有屬性,當屬性改變時觸發相應的watcher。watcher 觀察者,當監聽的資料值修改時,執行相應的回撥

c# 模仿 vue 實現 winform 的資料模型雙向

前前前段時間面試遭拒,當時面試關問自己的一些東西確實不懂,其中就包括vue(其實有看過相關文章和文件,秉著 如果只是用輪子的話,需要時間和文件就夠了,事實上只是使用的話,按規範來就行了)。 但是自己怎麼能輕易停留在用呢,於是在花了點時間,直接搜尋vue繫結原理,詳細看了兩篇

computed 計算屬性無法雙向

v-model 這種雙向資料繫結最好不要放在計算屬性上,因為計算屬性本來就響應依賴其他的東西, 雙向繫結感覺會破壞它的原有機制 重新編輯一下,剛剛研究了一下,可能不是很透徹 實現你說的那種,需要加一箇中間的依賴屬性,為什麼呢,我是這樣理解的computed裡的return,實際上是一個get方法, 就是每次

vue原始碼學習——資料雙向的Object.defineProperty

情景:vue雙向繫結,這應該是多數講vue優勢脫口而出的名詞,然後你就會接觸到一個方法 Object.defineProperty(a,"b",{}) 這個方法該怎麼用 簡單例子敲一下 var a = {} Object.defineProperty(a,"b

React學習之旅----實現類似vue的資料雙向

react沒有資料的雙向繫結,但可以用過一些方法實現: import React from 'react'; class TodoList extends React.Component { constructor(props) { super(props) this.sta

轉 vue實現雙向資料之原理及實現篇 vue的雙向原理及實現

轉自:canfoo#! vue的雙向繫結原理及實現 前言 先上個成果圖來吸引各位: 程式碼:                          &nb

VUE如何提交Table資料(解決相同屬性多條資料不能雙向的問題)

類似這樣的: 解決方案:用陣列形式提交 使用v-for來遍歷渲染,提交過去的就已經是每行的值組成陣列 1.前端程式碼 <table class="table"> <thead> <tr> <th>box</t

Vue-事件資料雙向

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>事件處理, 雙向資料繫結</title> <script src="js/v

React 資料雙向 以及鍵盤onChange 事件

React 事件以及form 表單中的應用; 初步探索:         記錄程式碼手法:資料的雙向繫結: import React from 'react' import './../assets/css/common.css' const o_