<div>  
  Data from catalog variable:  
  <h1>{{ c.data.message }}</h1>  
</div>

function($scope) {  
     var c = this;  
  
     //Watch for changes in the color variable  
     $scope.$watch(function () {  
          return $scope.page.g_form.getValue('color');  
     }, function (value) {  
     //Update local data object with data from variable  
     c.data.message = value ? 'Content of color variable: ' + value : '';  
});  
}