0

Как рассортировать элементы массива по дом дереву в зависимости от значения ключа.

То есть есть массив с объектами задач и у задачи есть время то она попадает в один UL а если время равно NULL то в другой . А так же не могу понять как передать например ID в атрибут тега

const tasks = [
  {name: 'задача1', time: NULL} //Задача должна попасть в UL 1
  name: 'задача2', time: 12:30} //Задача должна попасть в UL 2
]

<ul *ngIf="tasks" class="task1">//список задач со временем
  <li *ngFor="let task of tasks">{{task.name}} : {{task.time}}</li>
</ul>

<ul  *ngIf="tasks" class="task2">//список задач без времени
  <li>{{task.name}}</li>
</ul>
9
  • зачем вы проверяете task, который находится в массиве, а потом внутри итерируете tasks? 19 дек 2018 в 14:57
  • сори , тут ошибка, я проверяю tasks, сейчас поправлю 19 дек 2018 в 15:06
  • track by зря не указываешь - тормозить будет при изменениях
    – Qwertiy
    19 дек 2018 в 15:30
  • @Qwertiy, не будет 19 дек 2018 в 15:34
  • @overthesanity, да ну? ru.stackoverflow.com/q/541990/178988
    – Qwertiy
    19 дек 2018 в 15:37

1 ответ 1

0

Четыре часа мучений через метод проб и ошибок и ответ найден

Рассортировал задачи в компоненте по двум переменным . Пока учусь, возможно это не лучший вариант.

ngOnInit{
 this.hard_task = tasks.filter(task => task.time !== null);
 this.flexi_task = tasks.filter(task => task.time == null);
}

но остался вопрос почему все-таки если я передаю в атрибут например id="task.task_id" то он выводит в доме не айдишник а строку как есть id="task.task_id"

2
  • 1
    [attr.id]="task.id" 19 дек 2018 в 15:33
  • благодарю. сработало. вопрос окончательно решен 19 дек 2018 в 15:37

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.