Bulma CSS & дочерний угловой компонент - PullRequest
Новая
       8

Bulma CSS & дочерний угловой компонент

0 голосов
/ 16 апреля 2019

Я решил преобразовать свой простой HTML-раздел в компонент, и все работает нормально, но дочерний компонент не может иметь ссылку, что он находится внутри ссылки столбцов .

Вот мой код, где все отлично работает: 

<div class="columns">
  <div class="column is-4">
    Fruits:
  </div>
  <div class="column is-2">apple</div>
  <div class="column is-2">orange</div>
  <div class="column is-2">pineapple</div>
  <div class="column is-2">banana</div>
</div>

Но я решил преобразовать некоторые html в компонент

like: 

<div class="columns">
  <div class="column is-4">
    Fruits
  </div>
  <app-fruits>
    <div class="column is-2" *ngFor="let fruit of Fruits">
      {{fruit}}
    </div>
  <app-fruits>
</div>

Я сделал инкапсуляцию none для app-fruits , но не работает, мои столбцы 2 не выровнены какдо.Любая помощь?

...