How to reference the angular scope of the main (index.html) and another child view?

Question

I have an angular route defined for the bootstrap main menu items. I have another view (HTML page) that implements isteven multiselection directives. As I understand it (newbie with angular and bootstrap), controllers are activated when routes change.

How can I cause the child view controller to be executed from the parent controller?

EDIT

MAIN HTML




    
        
        
        Writer's Tryst, where authors and publishers, producers, agents meet.
        
        
        
        
        
        
        
        
        
        
        
        
        

    
    
        
            
                
                    
                        
                        
                    
                    
                        
                             Home
                             Writers 
                             Enablers 
                             About 
                             Privacy/Rules 
                             Contact 
                        
                        
                             Log-In 
                             Create Account 
                            
                                Dropdown 
                                
                                    Update profile
                                    Manage uploads
                              
                            
                             
                        
                    
                
            

        
        
            
            
                
            

            
            
                
            

            
            
                
            

            
            
                
            

            
            
                
            

            
            
                
            

        

        
            
            
                
                
                
            
        
            
                © 2016, Ronald Tornambe, Inc.

** MAIN CONTROLLER - JS**

    var wtApp = angular.module('wtApp', ['ngRoute'])
    wtApp.config(function ($routeProvider) {
        $routeProvider
        // route for the home page
        .when('/', {
            templateUrl: 'pages/home.html',
            controller: 'mainController'
        })
        // route for the writers page
        .when('/writers', {
            templateUrl: 'pages/writers.html',
            controller: 'writersController'
        })

        // route for the enablers page
        .when('/enablers', {
            templateUrl: 'isteven.html.html',
            controller: 'enablersController'
        })
        // route for privacy/rues
        .when('/privacy', {
            templateUrl: 'pages/privacy.html'
        })
        // route for the about page
        .when('/about', {
            templateUrl: 'pages/about.html',
            controller: 'aboutController'
        })  
        // route for the contact pagefa
        .when('/contact', {
            templateUrl: 'pages/contact.html',
            controller: 'contactController'
        })
        // route for the log-in page
        .when('/log-in', {
            templateUrl: 'pages/login.html',
            controller: 'loginController'
        })
        // route for the create account
        .when('/accounts', {
            templateUrl: 'pages/accounts.html',
            controller: 'createAccountController'
        })
        // route for manage uploads
        .when('/manage-uploads', {
            templateUrl: 'pages/manage-uploads.html'
        })
    });

// create the controller and inject Angular's $scope
wtApp.controller('mainController', function($scope) {
    $scope.example2model = []; $scope.example2data = [ {id: 1, label: "David"}, {id: 2, label: "Jhon"}, {id: 3, label: "Danny"}]; $scope.example2settings = {displayProp: 'id'};
    resetNavbar();
    $("a[href$='']").css({color:'#FF5733'});
});

wtApp.controller('writersController', function($scope) {
    resetNavbar();
    $("a[href$='writers']").css({color:'#FF5733'});
});

wtApp.controller('enablersController', function($scope) {
    $scope.worktype = [
        { icon: "", name: "Fiction", ticked: false },
        { icon: "", name: "Non-Fiction", ticked: false }
    ];

    resetNavbar();
    $("a[href$='enablers']").css({color:'#FF5733'});

});
wtApp.controller('aboutController', function($scope) {
    resetNavbar();
    $("a[href$='about']").css({color:'#FF5733'});
});
wtApp.controller('contactController', function($scope) {
    resetNavbar();
    $("a[href$='contact']").css({color:'#FF5733'});
});
wtApp.controller('loginController', function ($scope) {
    resetNavbar();
    $("a[href$='log-in']").css({ color: '#FF5733' });
});
wtApp.controller('createAccountController', function ($scope) {
    resetNavbar();
    $("a[href$='create-account']").css({ color: '#FF5733' });
});
wtApp.controller('ResetPasswordController', function ($scope) {
//    $("a[href$='reset-pwd']").css({ color: '#FF5733' });
});

function resetNavbar() {
    $(".navbar-collapse a").not("a[href='#']").each(function () {
        $(this).css({ 'color': 'black' })
    });
}

CHILD HTML AND JS


    
        Writer's Tryst - Enablers Form
        
        
    
    
        
            
            
                Enablers

                Type:
                
                Form:
                
                For an explanation of the genres shown here, see List of genres

                Genres:
                
                Accepted Media:
                
                 Special Instructions
                    
                
                For a limited time, enablers can use this site for FREE. We reserve the right to change this policy without notice.
                
                
                    
                
                
            
        
        
            To request a manuscript, click the checkbox beneath the thumbs-up icon.

How to reference the angular scope of the main (index.html) and another child view?

Answers (1)

Related Questions