One-time binding
HTML
<script src="https://code.angularjs.org/1.3.0/angular.js"></script>
<div ng-app="app" ng-controller="MainCtrl">
<button ng-click="clickMe()">Click Me</button>
<p>One-time binding: boundData.ssnLast4{{ ::fruit }}</p>
<p>Normal binding: {{ fruit }}</p>
</div>
JavaScript
angular.module("app", [])
.controller("MainCtrl", function($scope){
var counter = 0;
var fruits= ['apple', 'lemon', 'meloon', 'pineapple', 'longan'];
$scope.clickMe = function() {
$scope.fruit = fruits[counter % fruits.length];
counter++;
}
});