(AngularJS) 단방향 데이터 바인딩

양방향 데이터 바인딩은 AngularJS가 가지는 강점 중 하나이지만,  이기능을 사용할 대는 메모리 문제 및 연산 오버헤드 문제가 발생하기도 한다.

이 문제를 해결하기 위해 컬렉션과 값이 오직 한 번만 평가될 수 있도록 표시할 수 있는 일회성 바인딩 기능을 제공한다.

일회성 바인딩을을 적용하려면 바인딩하려는 컬렉션이나 값 앞에 두 개의 콜론을 덧붙이면 된다.

<ul class = "list my-repeat-animation"
   ng-repeat="status in ::storyboard.statuses">
   <h3 class ="status">{{::status.name}}</h3>