Angular: creating methods

http://angularjs.org/

by pj_js15

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-app="myApp">
    <!-- <input type="text" ng-model="data.message" />
    <h2>{{ data.message }}</h2> -->
    
    <div ng-controller="FirstCtrl">
        <input type="text" ng-model="data.message" />
        <h2>{{ reversedMessage(data.message) }}</h2>
    </div>
    
    <div ng-controller="SecondCtrl">
        <input type="text" ng-model="data.message" />
        <h2>{{ data.message }}</h2>
    </div>
    
</div>

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

myApp.factory('ServiceOne', function () {
    return {message: 'Data from the service.'};   
});

function FirstCtrl($scope, ServiceOne) {
    $scope.message = ServiceOne;
    
    $scope.reversedMessage = function(message) {
      return message.split("").reverse().join("");  
    };
}

function SecondCtrl($scope, ServiceOne) {
    $scope.message = ServiceOne;
}