директива angular 2 с начальной загрузкой

Я пытаюсь создать простую группу списков в angular 2 с помощью начальной загрузки, я помещаю внутрь item.component.ts и ul внутри list.components.ts, но я могу не понимаю, как удалить директиву компонента в angular 2.

//list.component.ts
<ul class="list-group">
  <my-list *ngFor....> //how to remove this from the view
    //item.component.ts
    <li class="list-group-item">Cras justo odio</li>
    <li class="list-group-item">Dapibus ac facilisis in</li>
    etc.
  </my-list>
</ul>

Я не хочу использовать ng2-bootstrap, и пока директива отображается в браузере, моя группа-список работает неправильно!

Я просмотрел предыдущие вопросы, но не смог найти хороших ответов, как заставить это работать? Как люди решают эту проблему, я знаю, что angular1 имел replace:true для решения этих проблем, но больше не в angular2.

1. Должен ли я добавить «css» в свой мой-список, чтобы он вел себя как li, и вместо этого передать его вокруг div? Но тогда я должен сделать это для каждого компонента начальной загрузки, который мне нужно использовать!

2. Должен ли я прекратить использовать item.component.ts и оставить все в list.component.ts, чтобы решить эту проблему?


angular angular2-directives angular2-template
person Jamal James    schedule 10.04.2016    source источник
comment
Что вы хотите вместо ‹my-list...?   -  person Thierry Templier    schedule 10.04.2016
comment
@ThierryTemplier Он хочет удалить его и оставить только элементы списка.   -  person Chrillewoodz    schedule 10.04.2016
comment
@Chrillewoodz Я не думаю, что это возможно. Тем не менее, вы можете использовать селектор атрибута для применения компонентов... Смотрите мой ответ.   -  person Thierry Templier    schedule 10.04.2016

Ответы (1)


arrow_upward
1
arrow_downward

В Angular2 нет поддержки функции replace: true, как в Angular 1.

Вы можете использовать атрибут в селекторе, чтобы прикрепить компонент:

@Component({
  selector: '[my-component]'
  (...)
})

и используйте его следующим образом:

<div my-component>
  <tr>...</tr>
</div>
person Thierry Templier    schedule 10.04.2016
comment
Я видел этот ответ на другие вопросы, но я не понимаю, как мне это использовать? Назначение item.component.ts состоит в том, что я могу добавить внутрь него li. Атрибут селектора позволяет мне манипулировать только атрибутами элемента? - person Jamal James; 10.04.2016
comment
Пожалуйста, удалите свой пост, так как он заставляет других людей думать, что он работает :) - person Jamal James; 11.04.2016