Начальный столбец, который должен растягиваться на 100% ширины, этого не делает, только в Angular - PullRequest
Новая
       11

Начальный столбец, который должен растягиваться на 100% ширины, этого не делает, только в Angular

0 голосов
/ 07 октября 2019

У меня есть страница с боковой панелью навигации и областью содержимого. Вот упрощенное представление о том, как это выглядит:

enter image description here

[https://jsfiddle.net/hd46twu1/6/][2]

Я переписываю то же приложение, используя Angular, и у меняплохое время, пытаясь заставить область содержимого растягиваться на всю доступную ширину. Вот что происходит:

enter image description here

https://stackblitz.com/edit/angular-89rbp4

Как сделать так, чтобы столбец растягивался в Angular так же, как он это делаетпо заявке без Angular?

1 Ответ

1 голос
/ 07 октября 2019

Вы можете заключить основной элемент в div на ширину 100% или применить класс непосредственно к главной директиве 

// app.component.css    
    .full-width {
      width:100%
    }

в html: 

<div class="wrapper">
  <app-navbar></app-navbar>
  <div class="full-width" >
  <app-main></app-main>
  </div>
</div>

Пример стекаблица:https://stackblitz.com/edit/angular-kya7fk?file=src/app/main/main.component.html

PS: вы также можете применить height: 100%, чтобы растянуть его по вертикали, см. Обновленный stackblitz:)

...