无法从Meteor模板调用Angular Controller

Question

I have updated my Meteor project from router to Iron-router; I have created client / server side routing using Iron-router.

After updating to the iron router I am having a issue calling the LoginController when I hit the submit button it does not go to doLogin function. I am handing all the functionality in angular.doLogin function handles the login functionality.

client side route :

Router.route('/', 'login');

Router.route('/login', function () {
    this.render('login');
});

login template:

<template name="login">
    <div class="login-box" ng-controller="LoginController">           
        <h6>
            <span>Welcome!</span>
            Please log in using your username and password.
        </h6>
        <form ng-submit="doLogin();
                        isClick = false" name="myform" >
            <fieldset>
                <input type="text" id="login-username" placeholder="Username" name="username" ng-model="username" autocomplete="off" ng-click="msg = ''">
                <input type="password" id="login-password" placeholder="Password" name="password" ng-model="password" autocomplete="off">
            </fieldset>
            <span>{{msg.message}}</span>
         <button id="but" type="submit" ng-disabled="!username || !password">log in</button>
        </form>
    </div>
</template>

login controller:

angular.module('RSC').controller('LoginController', function ($scope, $route, $routeParams, $location, $http, $window, $sce) {   
    $scope.loggedIn = $window.sessionStorage['loggedIn'] ? angular.fromJson($window.sessionStorage['loggedIn']) : {status: false};
    $scope.sessionid = Meteor.createSessionId();
    // Add the login method
    $scope.doLogin = function () {
        var username = $scope.username;
        var password = $scope.password;
        // Adding the login to help generate the clientId
        if (!$window.localStorage['clientid_' + username]) {
            $window.localStorage['clientid_' + username] = Meteor.RSCRandomNumber();
        }
        // Get client id from local storage
        var clientid = $window.localStorage['clientid_' + username];
        // build the parameters
        var dataSent = {"username": username, "password": password, "clientid": clientid};
        return $http({
            url: '/req/login',
            method: 'POST',
            data: jQuery.param(dataSent),
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).error(function (err) {
            $scope.msg = err;

        }).success(function (result) {
            //resolve the promise as the data
            if (!result.hasOwnProperty('info')) {
                $scope.username = "";
                $scope.password = "";
                $scope.msg = result.error;
                $window.sessionStorage['userInfo'] = JSON.stringify({});
                $window.sessionStorage['loggedIn'] = JSON.stringify({status: false});
            } else {
                $window.sessionStorage['userInfo'] = JSON.stringify(result.info);
                $window.sessionStorage['loggedIn'] = JSON.stringify({status: true});
                $scope.msg = "";
                Session.set("vendorId", result.info.vendorId);
                $location.path("/home");
            }
        });
    };
});

Answer 1

I was able to fix the issue,Following solution helped me : https://github.com/Urigo/angular-meteor/issues/48

if (Meteor.isClient) {
    Router.onAfterAction(function (req, res, next) {
        Tracker.afterFlush(function () {
            angular.element(document).injector().invoke(['$compile', '$document', '$rootScope',
                function ($compile, $document, $rootScope) {
                    $compile($document)($rootScope);
                    if (!$rootScope.$$phase)
                        $rootScope.$apply();
                }
            ]);
        });
    });

}