WbOWLq

index.html

<div id="myApp">
  <div ng-controller="testController">
    <div ng-repeat="record in recordSet">
      <div ng-init="myvar = myCrappyMapper(record)"></div>
      {{record + ' ' + myvar}}
    </div>
  <input ng-model="multiplier" />
  </div>
</div>

script.js

(function(){
  'use strict';
  
  var moduleName = 'myTestApp';
  angular.module(moduleName, []);
  
  function Controller($scope){
    this.$scope = $scope;
    
    $scope.recordSet = [
      '1',
      '2',
      '3',
      '4',
      '5',
      '6'
    ];
    
    $scope.multiplier = '3';
    
    $scope.myCrappyMapper = angular.bind(this, this.myCrappyMapper);
    
    $scope.$watch('multiplier', function(value){
      console.log(value);
    });
  }
  
  Controller.prototype = {
    myCrappyMapper: function(value){
      return value * this.$scope.multiplier;
    }
  };
  
  angular.module(moduleName)
         .controller('testController', ['$scope', Controller]);
  
  angular.element('#myApp').ready(function(){
    angular.bootstrap(angular.element('#myApp'), ['myTestApp']);
  });
})();

WbOWLq.markdown

WbOWLq

A Pen by Chris Stead on CodePen.

License.