Использование угловых контроллеров с прототипом

Question

мой вопрос на самом деле прост.

Возможно использование угловых контроллеров с прототипом?

'use strict'; 
var EventController = function(scope, EventModel) { 
    this.scope  = scope; 
    this.EventModel = EventModel; 
}; 

EventController.prototype = { 
    create: function() { 
     this.scope.create = function() { 
      this.EventModel.Model.insert() 
       .then(function(result) { 

       }); 
     }; 
    }, 

    retrieve: function() { 
     var that = this; 

     this.EventModel.Model.find() 
      .then(function(result) { 
       that.scope.events = result; 

      }); 
    }, 

    retrieveOne: function(id) { 
     this.EventModel.Model.findOne(id) 
      .then(function(result) { 
       console.log(result); 

      }); 
    }, 

    update: function() { 
     this.EventModel.Model.update() 
      .then(function(result) { 

      }); 
    }, 

    delete: function() { 
     this.EventModel.Model.remove() 
      .then(function(result) { 

      }); 
    } 
}; 

module.exports = function(adminApp) { 
    adminApp 
     .controller('EventController', ['$scope', 'EventModel', function(scope, EventModel) { 
      return new EventController(scope, EventModel); 

     }]); 
}; 

Я использую Browserify, поэтому у меня есть этот module.exports в финале.

Я хотел бы использовать контроллеры таким образом и получить методы, как если бы это было имя объектов в прототипе.

Есть ли способ, которым я могу это сделать?

Answer 1

Вы абсолютно можете. Вот демо, которое я выпустил, используя похожий код для вашего.

Магия этого в синтаксисе «Контроллер как», который был введен в Angular 1.2.0.

В демонстрации есть три кнопки. Один использует методы прототипов на самом контроллере, как вы просили, а два других иллюстрируют, что вы можете продолжать использовать контроллер, как вы, вероятно, использовали, используя область действия полностью в разметке и предоставляя методы области в контроллере.

https://jsfiddle.net/scarl3tt/3copx1rk/1/

Javascript

'use strict'; 
var TestController = function(scope) { 
    this.scope  = scope; 
}; 

TestController.prototype = { 
    doAThing: function() { 
     alert('This is a thing'); 
    } 
}; 

angular.module('testApp', []) 
    .controller('TestController', ['$scope', function(scope) { 
     if(typeof(scope.extension) === 'undefined') 
      scope.extension = function() { 
       scope.j *= 2; 
      }; 
     return new TestController(scope); 
    }]); 

Markup

<div ng-app="testApp" ng-controller="TestController as ctrl" ng-init="i = 0; j = 1;"> 
    <h1>Controller as:</h1> 
    <button ng-click="ctrl.doAThing()">Do a thing!</button> 
    <h1>Scope:</h1> 
    <button ng-click="i=i+1">i == {{i}}</button> 
    <h1>Extension method using scope</h1> 
    <button ng-click="extension()">j == {{j}}</button> 
</div>