import { Component } from '@angular/core';
import { Title } from '@angular/platform-browser';

import { TopNav } from '../shared/index';
import { SettingsService } from './settings.service';
import {
    UserSettings,
    UserAdmin,
    BoardAdmin
} from './index';

@Component({
    selector: 'tb-settings',
    templateUrl: 'app/settings/settings.component.html',
    providers: [ SettingsService ]
})
export class Settings {
    constructor(private settings: SettingsService, private title: Title) {
        title.setTitle('TaskBoard - Settings');
    }
}


import { Component } from '@angular/core';
import { Title } from '@angular/platform-browser';

import { TopNav } from '../shared/index';
import { SettingsService } from './settings.service';
import {
    UserSettings,
    UserAdmin,
    BoardAdmin
} from './index';

@Component({
    selector: 'tb-settings',
    templateUrl: 'app/settings/settings.component.html',
    providers: [ SettingsService ]
})
export class Settings {
    constructor(private settings: SettingsService, private title: Title) {
        // SettingsService is loaded here so the same instance is available
        // to all child components.
        title.setTitle('TaskBoard - Settings');
    }
}


Add note about non-obvious usage
Add note about non-obvious usage
