AngularJS에서 단방향, 양방향, 3 방향, ... 또는 더 많은 데이터 바인딩?

Question

대략적으로 단방향 데이터 바인딩은 페이지 내에서 ng-model 및 컨트롤러가 관련 될 때 양방향 바인딩과 간단히 바인딩됩니다. 누군가가 나에게이 개념을 설명 할 수있어서 정말 어떻게 보는지 이해하니? 또한 3-way 데이터 바인딩은 무엇이며 또한 4-way, 5-way입니까?

Answer 1

(JohnAndrews 응답) 단방향 데이터 바인딩 = 데이터 모델이 컨트롤러에서 일반적으로보기/템플릿에 삽입되고 컨트롤러에서 모델을 변경하면보기의 데이터가 변경됩니다. 양방향 데이터 바인딩은 위와 동일하지만보기에서 데이터 모델을 변경할 수도 있습니다.

3 방향 = 데이터가 원격 저장소 (loke CouchDB)와 동기화 됨 4 방향 = 데이터가 로컬 데이터베이스 (예 : localStorage 또는 유사)와 동기화되어 있고 해당 데이터베이스가 원격 저장소와 동기화되어 있습니다 저장

소스 https://docs.google.com/presentation/d/1NByDXl6YL6BJ6nL0G2DLyZs5Og2njE_MNJv6vNK5aoo/edit#slide=id.g34d447b28_10

Answer 2

단방향 데이터 바인딩 = 데이터 모델이 컨트롤러에서 일반적으로 뷰/템플릿에 삽입되고 컨트롤러에서 모델을 변경하면 뷰의 데이터가 변경됩니다. 그러나 다른 방법은 없습니다.

양방향 데이터 바인딩은 위와 동일하지만보기에서 데이터 모델을 변경할 수도 있습니다. 컨트롤러에 $ scope.title이 있고이를 < 입력 ng-model = "title">에 바인딩하는 경우 컨트롤러의 $ scope.title을 변경하면 입력 내용이 변경됩니다 입력 값에 대한 변경 사항은 $ scope.title 변수와 양방향 바인딩을 변경합니다.

Answer 3

한 가지 방법은 데이터 바인딩 : 그것은 매우 간단합니다. 그것은 모델 업데이트보기/템플릿입니다.

양방향 데이터 바인딩 : 여기서 모델이 뷰를 채우고 뷰의 모든 변경 사항이 모델에 자동으로 반영되며 그 반대의 경우도 마찬가지입니다. 예 :

<input type="text" ng-model="name"/> 
<h1>Hello {{name}}!</h1> 

여기에서 입력 필드의 값은 모델 즉 '이름'에 바인딩됩니다. '이름'이 변경 될 때마다 페이지에서 즉시 업데이트됩니다. =====

중포 기지 < : 이미지의

생각은 못할 게시 b'use는

모델에게

3 방향 데이터 바인딩 < ===> DOM

을 :(> 모델 < ===== DOM

여기서 데이터베이스 서버와 같은 firebase는 DOM ieUI가 아닌 모델 만 업데이트 할 수 있습니다. 모델은 db 서버를 업데이트 할 수 있습니다. 즉 firebase와 DOM 모두. 그래서 모델은 UI와 DB 서버를 업데이트하는 힘을 가지고있다. 모델은 DOM을 채울 수있다. 짧은 답변 -

1 방법 들어

Answer 4

가 HTML의 값을 의미한다 (NG 모델/{{}) 범위 변수의 값에 의해 대체된다.데이터가 동기화되면

2 방법 변수 자리/HTML (NG 모델/{{}})의 값은 항상 양방향 동기화에 서버를 통하지

3 방법 서로 같에 서버 또는 데이터베이스.

// 많은 ...