Wymień UI-widok z załadowanej treści

Question

Mam wiele widoków jak tutaj: http://www.funnyant.com/angularjs-ui-router/

I załadować je na mojej stronie jak to

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

Teraz, gdy zawartość jest załadowany, chcę załadowana zawartość nie jest ładowana wewnątrz tych elementów div, ale zastępuje je. Czy to możliwe ? ponieważ jeśli nie zastąpią, to moja sytuacja nie będzie działać, a pasek boczny pokazuje poniżej treść.

Pomóżcie proszę

dzięki

Answer 1

Nie jest to możliwe i byłoby niepożądane, gdyż zostawiają cię w stanie zmienić stany. Prostym obejściem byłoby dodanie stylów width/float bezpośrednio do elementów div ui-view.

Jeśli chcesz ją uruchomić, możesz utworzyć niestandardowe opakowanie dyrektywne, takie jak dostarczone rozwiązanie here.

Answer 2

Korzystanie z Bootstrap rows może to osiągnąć Twój cel?

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

Answer 3

Spróbuj dodać żądane rozmiary do stylu pojemników.

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