Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.03.2017, 14:59
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

Верстку элементов заменить на директиву
Вот пример
https://jsfiddle.net/LLEEVV2020/k46skdev/17/

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

Пока сделал только заглушку
<div answer-list="question"></div>

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


Как бы сделали это вы?
Ответить с цитированием
  #2 (permalink)  
Старый 13.03.2017, 15:55
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,134

Сообщение от LLEEVV2020
Как бы сделали это вы?
Что именно?
Ответить с цитированием
  #3 (permalink)  
Старый 13.03.2017, 16:23
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

Я про
<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>
Ответить с цитированием
  #4 (permalink)  
Старый 13.03.2017, 16:32
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,134

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

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

А вот такое
Сообщение от LLEEVV2020
{{ task.text }}. - {{ task.data | date:'dd-MM-yyyy HH:mm:ss' }}
нужно убирать однозначно! Портит читабельность хтмэля...
Ответить с цитированием
  #5 (permalink)  
Старый 13.03.2017, 16:42
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

ksa,
Цитата:
этот хтмл будет использован потом в нескольких местах сразу
именно так будет использован. Для этого и хочу перенести в directive
Цитата:
нужно убирать однозначно!
хорошо
Ответить с цитированием
  #6 (permalink)  
Старый 13.03.2017, 16:54
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,134

Сообщение от LLEEVV2020
именно так будет использован
Что же это за элемент такой у тебя? Чего он там рисует? Что это есть в нескольких местах сразу...
Ответить с цитированием
  #7 (permalink)  
Старый 13.03.2017, 17:09
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

Цитата:
Что же это за элемент такой у тебя? Чего он там рисует?
Так это пока идея. ни чего ещё не реализовано, вообще. Возможно и не нужно будет переводить в directive.
Но на текущий момент я хочу сделать две версии "вёрстки". Одна готова (та что в примере, что я скинул). Вторая ( где верстка элементов будет заменена на директиву) пока только начал.
Ответить с цитированием
  #8 (permalink)  
Старый 13.03.2017, 17:43
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

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

Наверно лучше не придумать
Ответить с цитированием
  #9 (permalink)  
Старый 14.03.2017, 08:20
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,134

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

Сообщение от LLEEVV2020
Так это пока идея.
Идея всего ангулирования - создание "одностраничного" сайта. Т.е. выделить из всех страниц некое единообразие. Реализовать его.
Потом делать частности, которые будут вставляться в то единообразие...
При таком подходе и повторяться что-то не должно.
Ответить с цитированием
  #10 (permalink)  
Старый 15.03.2017, 08:47
Интересующийся
Отправить личное сообщение для LLEEVV2020 Посмотреть профиль Найти все сообщения от LLEEVV2020
 
Регистрация: 09.03.2017
Сообщений: 14

Спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заменить все атрибуты дочерних элементов на значение взятое у родителя chelkaz jQuery 5 22.05.2015 14:52
Удалить и вернуть массив из удаленных элементов splice Paulyyy Общие вопросы Javascript 15 29.05.2013 15:36
Динамический список элементов формы lar_i_sa Общие вопросы Javascript 0 08.03.2013 15:27
Получить список ВСЕХ элементов DOM Почемучкин Events/DOM/Window 7 16.04.2012 11:33
Сгенерировать 2 последовательности и узнать сколько в них одинаковых элементов Ирина Владимировна Общие вопросы Javascript 10 24.03.2012 18:18