Заменить ui-view загруженным контентом

У меня есть несколько просмотров, например здесь: http://www.funnyant.com/angularjs-ui-router/

И я загружаю их на свою страницу следующим образом

<div data-ui-view="content"></div>   --- 75% width
<div data-ui-view="sidebar"></div>   --- 25% width

Теперь, когда содержимое загружено, я хочу, чтобы загруженный контент не загружался внутри этих разделов ui-view, но для их замены. Является ли это возможным? потому что, если они не заменяют, то в моей ситуации float не будет работать, а боковая панель отобразит ниже содержимое.

Помогите пожалуйста

спасибо

Ответ 1

Используя Bootstrap rows, это достигнет вашей цели?

<div class="row">
    <div class="col-md-9" ui-view="content"></div>
    <div class="col-md-3" ui-view="sidebar"></div>
</div>

Ответ 2

Это невозможно и было бы нежелательным, так как это оставило бы вас неспособными изменять состояния. Простым обходным решением было бы добавить стили width/float непосредственно в div файлы ui-view.

Если вы настроены на то, чтобы он работал, вы можете создать обычную оболочку директивы, такую ​​как предоставленное решение здесь.

Ответ 3

Попробуйте добавить желаемые размеры в стиль контейнеров.

<div data-ui-view="content" style="width: 75%;"></div>
<div data-ui-view="sidebar" style="width: 25%;"></div>