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

[LLEEVV2020]

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

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

Пока сделал только заглушку
<div answer-list="question"></div>
todoApp.directive('answerList', function () {
return function (scope, element, attrs) {
}
});

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

[ksa]

Как бы сделали это вы?
Что именно? :D

[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)">✏</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' }}
нужно убирать однозначно! Портит читабельность хтмэля... :-E

[LLEEVV2020]

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

[ksa]

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

[LLEEVV2020]

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

[LLEEVV2020]

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

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

[ksa]

готово.
https://jsfiddle.net/LLEEVV2020/k46skdev/18/
Ну для такого точно директивы не нужно...

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

[LLEEVV2020]

Спасибо