Javascript 我能';t获取$scope.$应用于AngularJS中的工作

Javascript 我能';t获取$scope.$应用于AngularJS中的工作,javascript,asp.net,angularjs,Javascript,Asp.net,Angularjs,我似乎无法让$scope.$watch()在AngularJS中工作。我试图“监视”服务中包含的变量。这个变量是由一个控制器设置的,我想在另一个服务器中对该变量的更改进行操作。任何关于我做错了什么的建议都将不胜感激。这是我的密码: (注意:在Index.cshtml代码中,如果我从div中删除“data ng show”条件,那么就会显示div。因此我知道错误与data ng show=“loggedIn”条件有关。) //在Login.cshtml文件中: 登录 //在Index.cs

我似乎无法让$scope.$watch()在AngularJS中工作。我试图“监视”服务中包含的变量。这个变量是由一个控制器设置的,我想在另一个服务器中对该变量的更改进行操作。任何关于我做错了什么的建议都将不胜感激。这是我的密码: (注意:在Index.cshtml代码中,如果我从div中删除“data ng show”条件,那么就会显示div。因此我知道错误与data ng show=“loggedIn”条件有关。)



//在Login.cshtml文件中:
登录

//在Index.cshtml文件中:
这应该在用户登录时显示


乍一看$watch有问题,函数应该返回一个值!下次请提供一个打捞器

    $scope.$watch(
    function () {
        return session.loggedIn;
    },

您错过了
session.loggedIn之前的
return
哇!太快了!有一次,我知道我有“return”语句。不知道它是怎么被移除的。我改变了它,它工作起来很有魅力。非常感谢!
angular.module('app.controllers', [])
.controller('HomeCtrl', ['$scope', 'session', function ($scope, session) {
    $scope.loggedIn = session.loggedIn;

    $scope.$watch(
        function () {
            session.loggedIn;
        },
        function (newVal, oldVal) {
            if (newVal != undefined) {
                $scope.loggedIn = newVal;
            }
        },
        true
    );
}])
.controller('LoginCtrl', ['$scope', 'session', function ($scope, session) {
    $scope.loggedIn = session.loggedIn;
    $scope.login = function () {
        var s = "UserName=" + $scope.userName + "&Password=" + $scope.password;
        $.ajax({
            type: "POST",
            url: "http://localhost:50227/api/Authentication",
            data: s
        })
        .fail(function () {
            session.updateLogIn(false);
        })
        .done(function (data) {
            var tmp = JSON.parse(data);
            // do stuff with sessionStorage...
            session.updateLogIn(true);
        })
        .always(function () {
            $scope.loggedIn = session.loggedIn;
            $scope.$apply();
        })
    };
    $scope.logout = function () {
        session.updateLogIn(false);
        $scope.loggedIn = false;
    }
}])
//In Login.cshtml file:
<form id="frmLogin" class="form-inline search-box" data-ng-controller="LoginCtrl" ng-submit="login(userName, password)">
<div data-ng-hide="loggedIn">
    <input id="UserName" ng-model="userName" type="text" placeholder="Username or Email" required autofocus />
    <input id="Password" ng-model="password" type="password" placeholder="Password" required />
    <button type="submit" ng-disabled="!(userName && password)" disabled>Sign In</button>
</div>
<div data-ng-show="loggedIn">
    <a href="#" style="color:white;">Sign out</a>
</div>
//In Index.cshtml file:
<div data-ng-controller="HomeCtrl">
<div data-ng-show="loggedIn">
    <p>This should show when the user is logged in</p>
</div>
    $scope.$watch(
    function () {
        return session.loggedIn;
    },