AngularJS -"ui-sref"

Angularjs에서는 화면을 구성시
ui-router를 사용해서 화면의 일부만 다시 그리는 방법을 사용

ui-router를 사용하다보면
state를 이동시켰는데 화면이 갱신이 안되는 현상이 종종 발생

ui-router란

Angularjs에서는 화면을 state라는 상태를 기준으로 화면 일부만 다시그릴 수 있게 지원

🟢 외부

---

state를 url과 연결해서 관리

화면의 정보는 url을 통하여 해당 화면으로 이동

state를 통해서만 이동시키게도 할 수 있다

🟢 내부

---

에서 링크를 통하여 이동할 때에는
$state.go라는 함수나
html에서는 ui-sref=”“이라는 함수를 이용

$state.go

형식 : go(to, params, options)
기능 : state를 이동하게 하는 함수

to : 이동할 state의 name
params : state에 parameter들을 저장 | object형태로 입력
options : object형태로 입력

ui-sref

형식 : ui-sref=” { state name } ( { params 객체 } )”
기능 : html에 attribute에 위의 형식으로 넣어서 동작

ex)

<a ui-sref ="web.view.content" ... >  

참고 : http://kbs0327.github.io/blog/technology/ui-router-reload/