What is AngularJS global data binding?

Question

My template has a dynamic title that is inserted using the following code:

<title>{{title}}</title>

For each of my pages/routes, I use a different controller where I define the title like this:

BackyApp.controller('HomeController', function($scope, $location, $window, $rootScope) {
    $rootScope.title = 'Home';
});

I am looking to achieve something similar to the following:

$rootScope.title = 'Home' + $rootScope.siteName;

What would be the best approach to accomplish this?

Answer 1

Answer №1

It seems like you're looking to extract the domain name of your website. You can achieve this by using $location.host();

Your implementation should resemble the following:

$rootScope.title = 'Home' + $location.host();

Answer 2

It seems like you're looking to extract the domain name of your website. You can achieve this by using $location.host();

Your implementation should resemble the following:

$rootScope.title = 'Home' + $location.host();

Answer 3

Defining in a global controller, such as on the body tag, is typically more beneficial.

Within this scope, you can set up your assignment like so:

$rootScope.title = 'Home' + $rootScope.siteName;

Answer 4

Defining in a global controller, such as on the body tag, is typically more beneficial.

Within this scope, you can set up your assignment like so:

$rootScope.title = 'Home' + $rootScope.siteName;