Step01_click

Step01_click.html 만들어서

html 안에서 일어나는 일은 Angular 가 관리하겠다고

ng-app 을 붙여 준 것임

ng-click="msg='clicked'" 를 해주면 

msg 라는 click 라는 문자열을 대입한다는 의미임

실행시켜서 보면

눌러보셈 버튼을 누르면 밑에 p요소에 clicked! 가 출력되는 것을 볼수 있음

이렇게 코딩 해주면

ng-init 는 count를 0으로 초기화

ng-click 는 클릭을 했을때 count 를 1씩 증가 시켜주는 것

실행 시켜보면 0으로 되어 있는 것을 볼수 있고

여러번 막 눌러보면 하나씩 증가 되는 것을 볼수 있다.

jquery 라면 어떤 변수에다 넣고 그걸 참조를 해

str 이라는 변수에 hello 가 있는데 출력을 하고

이후 시점에 str 이라면 변수를 바꾸면 출력을 한 데가 같이 안바뀜

바꾸는 코드가 있어야해

Angular 는 얘기가 달라

버튼 누를 때마다 count를 1씩 증가시키면서 업데이트도 돼

이게 차이점임

이게 양방향 바인딩이 되어 있다고 하는 것임

모델과 뷰가 양방향으로 연결되어 있는 것임