angular_inhert.md

Inheritance in AngularJS.

angular.module('animal', [])
    .factory('Animal',function(){
        return function(vocalization){
            return {
                vocalization:vocalization,
                vocalize : function () {
                    console.log('vocalize: ' + this.vocalization);
                }
            }
        }
    });    
    
    angular.module('app', ['animal'])
        .factory('Dog', function (Animal) {
            function ngDog(){
                this.prop = 'my prop 1';
                this.myMethod = function(){
                    console.log('test 1');
                }
            }
            return angular.extend(Animal('bark bark!'), new ngDog());
        })
        .factory('Cat', function (Animal) {
            function ngCat(){
                this.prop = 'my prop 2';
                this.myMethod = function(){
                    console.log('test 2');
                }
            }
            return angular.extend(Animal('meooow'), new ngCat());
        })
    .controller('MainCtrl',function($scope,Cat,Dog){
         $scope.cat = Cat;
         $scope.dog = Dog;
         console.log($scope.cat);
         console.log($scope.dog);
        //$scope.cat = Cat;
    });