I have a webpage where I showcase data (www.mysite.com/:gameId). In order to create a printer-friendly version of this data, I've set up a print page at www.mysite.com/:gameId/print. Both pages display the same information but with different designs. My goal is to hide the main header and footer when the user accesses the print page by using ng-show. How can I ensure that ng-show=false is called when the print page loads?
Currently, I have the following setup, however, it's not working as expected despite trying various controllers. The Print controller has the code "$rootScope.hide_for_print = false;".
.when('/:gameId', {
controller: 'game',
templateUrl: 'views/gamePage.html'
})
.when('/:gameId/print', {
controller: 'game, print',
templateUrl: 'views/gamePrint.html'
})