AppGyver e controller angolari in Typescript 1.4

Question

Ho problemi con i miei controller angolari in AppGyver, poiché il costruttore non viene mai chiamato. Sto usando la sintassi "controller as" da angular, e non so se AppGyver lo supporta, dal momento che tutta la sua documentazione è con "$ scope sintax", per quanto vedo. Questo è il mio controller:

interface ILoginControllerScope extends ng.IScope { 
    vm: LoginController; 
} 

interface ILoginController { 
    Login(): any; 
} 

class LoginController implements ILoginController { 
    static $inject: any = ['$scope', 'supersonic', 'steroids']; 
    constructor(private $scope: ILoginControllerScope, private supersonic: any, private steroids: any) { 
     this.supersonic.logger.log('This should be called'); 
     $scope.vm = this; 

    } 
    Login(): any { 
    } 
    static controllerId(): string { 
     return 'loginController'; 
    } 
} 

appUsers.controller(LoginController.controllerId(), LoginController); 

E questo è il mio punto di vista:

<div ng-controller="loginController as vm" class="padding"> 
    <div> 

    </div> 
    <div ng-hide="addonsUndefined"> 
     <h1 class="center">Caredfor</h1> 
     <div class="center"> 
      <img class="logoSize" src="/images/logo.png"> 
     </div> 

     <div> 
      <button class="button button-block button-positive icon-left super-social-facebook" ng-click="vm.Login()">Sign in with Facebook</button> 
     </div> 
    </div> 
</div> 

Modifica 1 La JS ha generato:

var LoginController = (function() { 

    function LoginController($scope, supersonic) { 
     this.supersonic = supersonic; 
     supersonic.logger.log('This should be called'); 
     $scope.vm = this; 

    LoginController.controllerId = function() { 
     return 'loginController'; 
    }; 

    LoginController.prototype.Login = function() { 
    }; 
    return LoginController; 
})(); 

appUsers.controller(LoginController.controllerId(), LoginController); 

Answer 1

Sembra per lo più buona. Qui ci sono alcune cose da provare:

1. Premere F12 nel browser, e andare alla scheda Console, e vedere se ci sono errori da angolare.

2. Invece di questo:

   static $inject: any = ['$scope', 'supersonic', 'steroids']; 
   constructor(private $scope: ILoginControllerScope, private supersonic: any, private steroids: any) { 
       this.supersonic.logger.log('This should be called'); 
       $scope.vm = this; 
   } 
   

provare questo:

constructor() { 
     var i:number = 7; 
    } 

Nel browser, mettere un punto di interruzione in quella riga e vedere se viene colpita. Se lo fa, quindi uno alla volta, reinserisci i parametri del tuo costruttore, e vedi quale è il motivo per cui si rompe. Ho il sospetto che il tuo parametro ILoginControllerScope stia causando problemi, perché l'iniezione della dipendenza non sa come istanziare uno di questi. Mi sembra che tu non ne abbia davvero bisogno, e puoi invece andare con il vanilla ng.IScope. ILoginControllerScope non aggiunge alcun valore. Perché hai bisogno di una classe separata per memorizzare un riferimento al controller?