Как я могу иметь представление под давлением по умолчанию, когда я использую угловой UI-роутер?

Question

У меня есть следующие состояния:

 var test = {
            name: 'test',
            url: '/test',
            views: {
                'page': {
                    templateUrl: '/Content/app/test/partials/page.html',
                },
            }
        }

        var testContent = {
            name: 'test.content',
            parent: 'test',
            url: '/:content',
            views: {
                'page-content': {
                    templateUrl: function (stateParams) {
                        var isNumber = !isNaN(parseFloat(stateParams.content));
                        return isNumber ? '/Content/app/test/partials/detail.html' :
                                          '/Content/app/test/partials/home.html'
                    }
                }
            }
        } 

.

в моем html у меня есть:

<article class="container_12" >
    <div data-ui-view="page"></div>
</article>

.

на моей странице. HTML У меня есть:

<div data-ng-controller="TestPageController">
    <div class="grid_3">
        Menu stuff here
    </div>
    <div class="grid_9">
        <div data-ui-view="page-content"></div>
    </div>
</div>

.

Что я хотел бы знать, это если для моего приложения есть способ иметь отображение Home.html внутри страницы содержимого Когда я просто выбираю URL: / test

Answer 1

Вы можете поставить все, что вы хотите внутри генеракодицетагкода, и это будет содержимое по умолчанию.

Как только вы загрузите другой вид, он заменит содержимое по умолчанию:

<div data-ng-controller="TestPageController">
    <div class="grid_3">
        Menu stuff here
    </div>
    <div class="grid_9">
        <div data-ui-view="page-content">
            <div ng-include="/Content/app/test/partials/home.html"></div>
        </div>
    </div>
</div>

.