양방향 데이터 바인딩에 의해 맵 내부의 요소가 변경 될 때 알림 받기

아자 엘

따라서 폴리머에서 양방향 데이터 결합으로 두 개의 간단한 변수를 결합하면 자동으로 업데이트됩니다.

하지만지도와 목록이 다르게 작동한다는 것을 알았습니다. 맵 또는 목록 내부의 요소를 변경하면 바운드 변수가 업데이트되지 않으며 = 연산자 또는 notifyPropertyChange 만 사용하면 업데이트가 트리거됩니다.

내 문제는 두 개의 요소 E1과 E2가 있다는 것입니다. E1은 E2의 상위입니다.

// E1.dart
class E1 extends PolymerElement {
  @observable List<Map> data;

  dataChanged() => print(data.toString());
}

//E1.html
<...>
   <template repeat="{{map in data}}">
      <E2 value="{{map[identifier]}}"></E2>
   </template>
</...>

따라서 E2 내부의 값이 변경되고 수동으로 데이터를 인쇄하면 값도 변경됩니다. 그러나 dataChanged () 함수는 호출되지 않습니다. 내부 값이 변경되면 데이터에 대해 notifyPropertyChange (# data, x, y)를 호출하고 싶습니다. 목록 내의 변경 사항에 대한 알림을받는 방법이 있습니까?

내 목록은 다음과 같습니다.

[
  { identifier : {x1 : y1}},
  { identifier : {x2 : y2}},
  { identifier : {x3 : y3}},
  { identifier : {x4 : y4}} 
]

알림을 받고 싶은 변경 사항은 x와 y이며 새 요소가 추가 된 경우입니다. 식별자는 항상 동일한 btw입니다.

제이크 맥도날드

일반 List 또는 Map 대신 ObservableList 또는 ObservableMap을 사용할 수 있습니다. toObservable에 대한 호출에서 기존 List 또는 Map을 래핑하여 자동으로 생성 할 수도 있습니다. 예를 들면 :

@observable ObservableList<Map> data = toObservable([1, 2, 3]);

이러한 유형 / 기능은 폴리머로 내보내 지므로 가져 오기를 추가 할 필요가 없습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

최상위 변수가 변경 될 때 JSViews 양방향 바인딩 업데이트 내부 배열

분류에서Dev

내 Google Cloud Firestore 버킷에 데이터가 기록 될 때마다 이메일 또는 문자 알림을받을 수있는 방법이 있나요?

분류에서Dev

데이터 소스가 스레드에서 변경 될 때 AsyncTaskLoader에 알림

분류에서Dev

C ++에서 I2C 값이 변경 될 때 알림 받기

분류에서Dev

초안 JS 편집기는 부모 구성 요소에 의해 값이 변경 될 때 내용을 업데이트하지 않습니까?

분류에서Dev

새 데이터가 데이터베이스에 추가 될 때 Firebase의 모든 사용자에게 푸시 알림을 보내는 방법

분류에서Dev

양방향 바인딩에는 데이터 그리드의 경로 또는 XPath 오류가 필요합니다.

분류에서Dev

Windows-사이트가 백업 될 때 소리 알림 받기

분류에서Dev

데이터베이스 변경 알림-Oracle 테이블의 변경 알림을받는 방법

분류에서Dev

MKMapKit 확대 / 축소 수준이 변경 될 때 알림을받는 방법은 무엇입니까?

분류에서Dev

부모 구성 요소에서 자식 구성 요소로 angular2의 양방향 데이터 바인딩

분류에서Dev

Svelte의 구성 요소에서 소품이 변경 될 때마다 가져 오기 요청을 만드는 방법은 무엇입니까?

분류에서Dev

확인란을 선택하기 위해 방향이 변경 될 때 데이터 가져 오기를 중지하는 방법

분류에서Dev

데이터가 서버 데이터베이스에 제출 될 때 알림 메시지를받습니다.

분류에서Dev

Combobox의 값이 변경 될 때마다 고유하게 Ttk Combobox에 함수를 바인딩하는 방법

분류에서Dev

angularjs에서 부분 간의 양방향 데이터 바인딩

분류에서Dev

React에서 부모 배열이 변경 될 때 배열 요소로서의 구성 요소가 다시 렌더링되지 않도록 방지

분류에서Dev

새 데이터가 푸시 될 때 Ajax setinterval에 대한 알림 또는 CSS 변경

분류에서Dev

부모의 상태가 변경 될 때 React에서 자식 구성 요소를 업데이트 (다시 렌더링)하는 방법은 무엇입니까?

분류에서Dev

왜 마이너 GC 기간은 너무 큰 배열의 요소가 업데이트 될 때 변경?

분류에서Dev

창 크기가 변경 될 때 요소의 위치를 변경하는 방법은 무엇입니까?

분류에서Dev

양방향 데이터 바인딩을 사용하지 않고 AngularJS의 양식에서 데이터 가져 오기

분류에서Dev

Vue.js, Vuex; Vuex 저장소의 데이터가 변경 될 때 구성 요소보기가 반응하지 않음 (신비한 예외 포함)

분류에서Dev

데이터가 다시 변경된 후에도 시계를 트리거하는 지시문의 양방향 바인딩?

분류에서Dev

바인딩 된 데이터가 변경 될 때 속성을 업데이트하지 않는 사용자 정의 컨트롤의 종속성 속성

분류에서Dev

일부 클래스의 객체가 변경 될 때 Eclipse 디버거가 내게 알리는 방법

분류에서Dev

새 데이터가 테이블에 삽입 될 때 알림

분류에서Dev

CloudKit의 핵심 데이터 데이터가 변경 될 때 WidgetKit 타임 라인 항목을 업데이트하는 방법은 무엇입니까?

분류에서Dev

JQuery에 의해 업데이트 될 때 Jquery 변경 감지

Related 관련 기사

  1. 1

    최상위 변수가 변경 될 때 JSViews 양방향 바인딩 업데이트 내부 배열

  2. 2

    내 Google Cloud Firestore 버킷에 데이터가 기록 될 때마다 이메일 또는 문자 알림을받을 수있는 방법이 있나요?

  3. 3

    데이터 소스가 스레드에서 변경 될 때 AsyncTaskLoader에 알림

  4. 4

    C ++에서 I2C 값이 변경 될 때 알림 받기

  5. 5

    초안 JS 편집기는 부모 구성 요소에 의해 값이 변경 될 때 내용을 업데이트하지 않습니까?

  6. 6

    새 데이터가 데이터베이스에 추가 될 때 Firebase의 모든 사용자에게 푸시 알림을 보내는 방법

  7. 7

    양방향 바인딩에는 데이터 그리드의 경로 또는 XPath 오류가 필요합니다.

  8. 8

    Windows-사이트가 백업 될 때 소리 알림 받기

  9. 9

    데이터베이스 변경 알림-Oracle 테이블의 변경 알림을받는 방법

  10. 10

    MKMapKit 확대 / 축소 수준이 변경 될 때 알림을받는 방법은 무엇입니까?

  11. 11

    부모 구성 요소에서 자식 구성 요소로 angular2의 양방향 데이터 바인딩

  12. 12

    Svelte의 구성 요소에서 소품이 변경 될 때마다 가져 오기 요청을 만드는 방법은 무엇입니까?

  13. 13

    확인란을 선택하기 위해 방향이 변경 될 때 데이터 가져 오기를 중지하는 방법

  14. 14

    데이터가 서버 데이터베이스에 제출 될 때 알림 메시지를받습니다.

  15. 15

    Combobox의 값이 변경 될 때마다 고유하게 Ttk Combobox에 함수를 바인딩하는 방법

  16. 16

    angularjs에서 부분 간의 양방향 데이터 바인딩

  17. 17

    React에서 부모 배열이 변경 될 때 배열 요소로서의 구성 요소가 다시 렌더링되지 않도록 방지

  18. 18

    새 데이터가 푸시 될 때 Ajax setinterval에 대한 알림 또는 CSS 변경

  19. 19

    부모의 상태가 변경 될 때 React에서 자식 구성 요소를 업데이트 (다시 렌더링)하는 방법은 무엇입니까?

  20. 20

    왜 마이너 GC 기간은 너무 큰 배열의 요소가 업데이트 될 때 변경?

  21. 21

    창 크기가 변경 될 때 요소의 위치를 변경하는 방법은 무엇입니까?

  22. 22

    양방향 데이터 바인딩을 사용하지 않고 AngularJS의 양식에서 데이터 가져 오기

  23. 23

    Vue.js, Vuex; Vuex 저장소의 데이터가 변경 될 때 구성 요소보기가 반응하지 않음 (신비한 예외 포함)

  24. 24

    데이터가 다시 변경된 후에도 시계를 트리거하는 지시문의 양방향 바인딩?

  25. 25

    바인딩 된 데이터가 변경 될 때 속성을 업데이트하지 않는 사용자 정의 컨트롤의 종속성 속성

  26. 26

    일부 클래스의 객체가 변경 될 때 Eclipse 디버거가 내게 알리는 방법

  27. 27

    새 데이터가 테이블에 삽입 될 때 알림

  28. 28

    CloudKit의 핵심 데이터 데이터가 변경 될 때 WidgetKit 타임 라인 항목을 업데이트하는 방법은 무엇입니까?

  29. 29

    JQuery에 의해 업데이트 될 때 Jquery 변경 감지

뜨겁다태그

보관