Inheried property is not affected on view in Ember

I have tried with the following code for setting value to application property.But it is not updated in view.Could you please help.Thanks in Advance!

App.ApplicationController = Ember.Controller.extend({
 showHeader: true
});


App.LoginController = App.ApplicationController.extend({

});

App.LoginRoute = Ember.Route.extend({
actions: {
    submit: function () {
        this.set("controller.showHeader", false);         
    }
}
});