디버깅 - AngularJS와는/reactjs

Question

내가 지금처럼 광범위하게 각도 JS 내 코드를 디버깅하기 위해 사전에 태그를 사용

<pre>{{vm.names | json}}</pre> 

두 질문에 다음에서이 작업을 수행하는 방법을

1. 후드?

2. 변수가있는 값을 볼 수 있도록 해주는 react_s가 있습니다.보다 일반적인 console.logs/debugger의 이 표시됩니까?

Answer 1

보기에 데이터를 시각화하려면 구성 요소 보류 상태에 <pre>{JSON.stringify(this.state.data, null, 4)}</pre>을 추가 할 수 있습니다.

Answer 2

<pre> 태그는 디버깅과 관련이 없습니다. 단지 HTML 요소 일뿐입니다.

는 HTML 마크 업 코드에서 무슨 일이 일어나고 있는지 분해하려면

• 는`일부 HTML 서식을한다.
• 이중 중괄호 {{}}은 데이터 바인딩 인 을 나타냅니다. (양방향, 솔직히 말해서).
• vm.names는
• | json는 json filter를 사용하여 vm.names 필터링 각도 알려줍니다 (내가 인스턴스화 년대 의 나머지를 배치 할 수없는 바이올린없이, 등) 그 컨트롤러에 대한 개체입니다.

React가 DOM과 .render 기능을 사용하는 것처럼 보입니다. 그들의 Getting Started 페이지를보십시오.

어떻게 작동하는지에 대해서는 ng-model 및 작동 방식을 참조하십시오. 또한 Understanding Angular's $apply() and $digest()을 통해 angularjs 모델 바인딩을 처리 할 수 ​​있습니다.