$stateProvider
        .state('login', {
            url: '/',
            templateUrl: 'templates/login.html',
            controller: 'LoginController'
        })
        .state('boards', {
            url: '/boards',
            templateUrl: 'templates/boards.html',
            controller: 'BoardsController'
        })
        .state('boards.details', {
            url: '/:boardId'
        })
        .state('boards.details.notes', {
            url: '/notes',
            templateUrl: 'templates/boards.notes.html',
//            template: '<h1>ollo</h1>',
//            controller: 'NotesController'
            controller: function ($stateParams) {
                console.log($stateParams);
            }
        })



======================================boards.html
<div ng-repeat="board in boards">
        <div class="title-container">
            <!--<a ui-sref="boards.notes({ boardId: board.id })">-->
            <a ui-sref="boards.details.notes({ boardId: board.id })">
            </a>
            <h2>{{board.title}}</h2>
        </div>
        <div class="board-description"><p>{{board.description}}</p></div>
    </div>