AngularJS 10.7 Service with Dependency

by zdam

HTML

<div ng-app="dialog">
 <div ng-controller="Ctrl">
   <form name="myForm">

       <input type="text" ng-model="value1" />
      
   </form>
 </div>
</div>

CSS

</style>
<script src="http://ci.angularjs.org/job/angular.js-misko/398/artifact/build/pkg/0.10.7-f35843a9/angular-0.10.7-f35843a9.min.js"></script>
<style>
.ng-invalid { border: 1px solid red; } 
body { font-family: Arial,Helvetica,sans-serif; }
body, td, th { font-size: 14px; margin: 0; }
table { border-collapse: separate; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; -moz-box-sizing: border-box; text-indent: 0; }
a:link, a:visited, a:hover { color: #5D6DB6; text-decoration: none; }
.error { color: red; }

JavaScript

dialogApp = angular.module('dialog', []);

    dialogApp.factory('funkytime', function ($window) {
        //vars defined here

        // service methods here
        return {
            foo: function () {
                $window.alert('inside foo');
            },

            bar: function () {
                $window.alert('inside bar');

            }
        };

    } );

function Ctrl($scope, funkytime) {

  $scope.value1 = 'hello';  
  
  // use service    
  funkytime.foo();  
}