Change scope on nested view? Angular.js

JavaScript
1

// configure our routes
app.config([‘$stateProvider’, ‘$urlRouterProvider’, function($stateProvider, $urlRouterProvider) {

        $urlRouterProvider.otherwise('/test');
    
        $stateProvider
    
            .state('test', {
                url: '/test',
                templateUrl : 'templates/test.html',
                controller  : 'testController',
            })
            
                .state('test.start', {
                    url: '/start',
                    templateUrl : 'templates/test-start.html'
                })
                
                .state('test.question', {
                    url: '/question',
                    templateUrl : 'templates/test-question.html'
                })
   
                .state('test.result', {
                    url: '/result',
                    templateUrl : 'templates/test-result.html'
                });
    
    }]);

app.controller("testController", function($scope){
    $scope.pageClass = 'page-test';
    $scope.pageHeading = 'change this text depending on view';
});

html:

<form id="question-form" action="processForm()">
<div class="row">
	<div class="small-12 columns">
		<h1>{{ pageHeading }}</h1>
	</div>
</div>
<div id="form-views" ui-view></div>
</form>

Is it possible to change pageHeading when the view is “test.result” ?

2

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.