AngularJS ng-click不显示ng-show消息

Question

I have searched for an answer to my problem and not sure why my ng-click is not firing the ng-show message for me.

I have my controller function:

$scope.showLogoutMessage = function() {
    $scope.logoutmsg = true;
};

My Login page html:

<input id="j_password" type="password" name="j_password" class="form-control input-lg" placeholder="Password" ng-model="loginData.j_password" required />
<small style="color:red;" class="error" ng-show="logoutmsg">
    You have been logged out.
</small>

Then I fire this ng-show from a different jsp page:

<li><a ng-controller="LoginController" id="logout" href="javascript;;" 
ng-click="showLogoutMessage()">Log Out</a></li>

I have logged out messages in my controller and the value 'logoutmsg' is being set fine but just won't display my message for some reason. Anyone have any ideas?

Answer 1

Is the first code that you have written is in same controller (LoginController). if not

give a name to that controller

    <input id="j_password" type="password" name="j_password" class="form-control input-lg" placeholder="Password" ng-model="loginData.j_password" required />
    <div id='message' ng-controller='MesssageCtrl'  >
    <small style="color:red;" class="error" ng-show="logoutmsg">
        You have been logged out.
    </small> </div>

then

$scope.showLogoutMessage = function() {
    angular.element(document.getElementById('message')).scope().logoutmsg = true;
};

if this works then fine else u can try adding one more line in above function

angular.element(document.getElementById('message')).scope().$apply()