Верстку элементов заменить на директиву

[LLEEVV2020]

Вот пример
https://jsfiddle.net/LLEEVV2020/k46skdev/17/

Хочу верстку каждого элемента заменить на директиву.

Пока сделал только заглушку

<div answer-list="question"></div>

todoApp.directive('answerList', function () {
	return function (scope, element, attrs) {
    }
});

Как бы сделали это вы?

[ksa]

Как бы сделали это вы?

Что именно?

[LLEEVV2020]

Я про

<li ng-repeat="task in tasks | filter:searchWords:task.text | orderBy:sortType:sortReverse track by $index">
      <div ng-if='!task.edit'>
        <span >{{ task.text }}. - {{ task.data | date:'dd-MM-yyyy HH:mm:ss' }}</span>
        <button  ng-click="delete(task)">x</button>
        <button  ng-click="change(task)">&#9999;</button>
      </div>
      <input type='text' ng-model='task.text' ng-if='task.edit' />
      <button ng-if='task.edit' ng-click='task.edit = false'>Save</button>
    </li>

[ksa]

LLEEVV2020, я не вижу особого смысла в "убирании" хтмля в некую функцию...

Если только этот хтмл будет использован потом в нескольких местах сразу или не особо принципиален для страницы...

А вот такое

{{ task.text }}. - {{ task.data | date:'dd-MM-yyyy HH:mm:ss' }}

нужно убирать однозначно! Портит читабельность хтмэля...

[LLEEVV2020]

ksa,

этот хтмл будет использован потом в нескольких местах сразу

именно так будет использован. Для этого и хочу перенести в directive

нужно убирать однозначно!

хорошо

[ksa]

именно так будет использован

Что же это за элемент такой у тебя? Чего он там рисует? Что это есть в нескольких местах сразу...

[LLEEVV2020]

Что же это за элемент такой у тебя? Чего он там рисует?

Так это пока идея. ни чего ещё не реализовано, вообще. Возможно и не нужно будет переводить в directive.
Но на текущий момент я хочу сделать две версии "вёрстки". Одна готова (та что в примере, что я скинул). Вторая ( где верстка элементов будет заменена на директиву) пока только начал.

[LLEEVV2020]

готово.
https://jsfiddle.net/LLEEVV2020/k46skdev/18/

Наверно лучше не придумать

[ksa]

готово.
https://jsfiddle.net/LLEEVV2020/k46skdev/18/

Ну для такого точно директивы не нужно...

Так это пока идея.

Идея всего ангулирования - создание "одностраничного" сайта. Т.е. выделить из всех страниц некое единообразие. Реализовать его.
Потом делать частности, которые будут вставляться в то единообразие...
При таком подходе и повторяться что-то не должно.

[LLEEVV2020]

Спасибо