Ну в смысле как его можно сделать более чем одним способом?

Он же как неймспейс, просто импортируется

вот именно, не знаю что они хотят

всем доброе утречко :)

я ошибся в Вашем случае будет точнее вот так this.data = []; setTimeout(() => { this.data = новые данные }, 0);

попробовала, не работат :)

я не в теме о чём вы там говорили, но в стрелочных функциях же this не работает

я не в теме о чём вы там говорили, но в стрелочных функциях же this не работает

всмысле не работает ? работает но контекст сохраняется

всмысле не работает ? работает но контекст сохраняется

Ну да, спасибо за поправку)

не подсматривай)

попробовала, не работат :)

А вы демку на каком-нибудь планкере можете показать?

Либо вы проверяете на пентиуме 1 либо у вас сверхскоростные глаза 9000

без демки никак

демка попозжее :)

на данный момент я просто перезаписываю массив с постами на новый. В результате он вначале добавляет новые посты, потом удаляет старые. Происходит быстро, но глазу заметно - все вначале удваивается, потом становится нормальным

А можешь просто вот этот кусок кода показать?

Я немного не понял как оно удваивает данные, почему бы не очистить массив и потом не записать туда новые данные?

Я немного не понял как оно удваивает данные, почему бы не очистить массив и потом не записать туда новые данные?

это и есть мой основной вопрос) минуту

А можешь просто вот этот кусок кода показать?

let getPosts = function(category, id, pageNumber, postsPerPage) { $scope.pageContent = null; postsBlockService.getPosts(category, id, pageNumber, postsPerPage).then(function (response) { if (Array.isArray(response.data.data)) { // if response is an array (posts list) response.data.data.forEach(elem => { elem.descr = elem.descr.slice(0, 150) + '...'; }); $scope.pagination.totalPostsCount = response.data.totalPostsCount; $scope.pagination.postsPerPage = response.data.postsPerPage; $scope.updatePagination(); } else if (response.data.data && typeof response.data.data === 'object' && response.data.data.constructor === Object) { // if response is an object (single post) response.data.data.topPosts.forEach(elem => { elem.descr = elem.descr.slice(0, 100) + '...'; }); response.data.data.similiarPosts.forEach(elem => { elem.descr = elem.descr.slice(0, 200) + '...'; }); } $timeout(() => {$scope.pageContent = response.data.data}, 0) // $scope.pageContent = response.data.data; $window.scrollTo(0, 0); }, handleError); }

Я немного не понял как оно удваивает данные, почему бы не очистить массив и потом не записать туда новые данные?

Но там как раз и получается по ходу что почистили массив - побежал дайджест, рипит рисует очистку, потом новые данные, рипит наполняет. Меня пугает только как это можно увидеть. Ну может только если баловаться с $track by $index

let getPosts = function(category, id, pageNumber, postsPerPage) { $scope.pageContent = null; postsBlockService.getPosts(category, id, pageNumber, postsPerPage).then(function (response) { if (Array.isArray(response.data.data)) { // if response is an array (posts list) response.data.data.forEach(elem => { elem.descr = elem.descr.slice(0, 150) + '...'; }); $scope.pagination.totalPostsCount = response.data.totalPostsCount; $scope.pagination.postsPerPage = response.data.postsPerPage; $scope.updatePagination(); } else if (response.data.data && typeof response.data.data === 'object' && response.data.data.constructor === Object) { // if response is an object (single post) response.data.data.topPosts.forEach(elem => { elem.descr = elem.descr.slice(0, 100) + '...'; }); response.data.data.similiarPosts.forEach(elem => { elem.descr = elem.descr.slice(0, 200) + '...'; }); } $timeout(() => {$scope.pageContent = response.data.data}, 0) // $scope.pageContent = response.data.data; $window.scrollTo(0, 0); }, handleError); }

массив это pageContent?

Но там как раз и получается по ходу что почистили массив - побежал дайджест, рипит рисует очистку, потом новые данные, рипит наполняет. Меня пугает только как это можно увидеть. Ну может только если баловаться с $track by $index

А что может быть с track by $index? :)

массив это pageContent?

да

да

Ты его очищаешь перед запросом в базу, из за этого глазу и видно, может поискать другой вариант?

попробуй очистить прям перед новым заполнением

Ты его очищаешь перед запросом в базу, из за этого глазу и видно, может поискать другой вариант?

глазу видно как раз то, что оно не очищается, а вначале элементы прибавляются, а потом уже исчезают

А что может быть с track by $index? :)

То что он не сравнивает содержимое, а только индекс

И соотв не перерисовывает/ведёт себя странно

Кстати похоже на то что вы рассказываете

Попробуйте трекать по ид либо вовсе без

Попробуйте трекать по ид либо вовсе без

попробовала, same story

видимо, без песочницы не обойтись

но пока нету времени, чуть позже сделаю

попробуй очистить прям перед новым заполнением

пробовала, эта проблема решается, но возвращается предыдущая - при изменении стейта на posts (список постов) в списке на миг появляются пустые поля. Собственно, эту проблему решила обнулением pageContent прямо перед запросом на бэк, но тогда вылазит вопрос с дублированием. Замкнутый круг и мракобесие) Если обнулять и перед запросом и перед заполнением (все уже пробовала) - элементы списка снова дублируются.

пробовала, эта проблема решается, но возвращается предыдущая - при изменении стейта на posts (список постов) в списке на миг появляются пустые поля. Собственно, эту проблему решила обнулением pageContent прямо перед запросом на бэк, но тогда вылазит вопрос с дублированием. Замкнутый круг и мракобесие) Если обнулять и перед запросом и перед заполнением (все уже пробовала) - элементы списка снова дублируются.

у тебя постраничная навигация ? используешь trackby $index ? ответ https://ru.stackoverflow.com/questions/705068/angularjs-%D0%BF%D0%BE%D0%B2%D1%82%D0%BE%D1%80%D1%8F%D0%B5%D1%82-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B2%D0%BD%D1%83%D1%82%D1%80%D0%B8-ng-repeat

Ребят есть ресурс http://joxi.ru/n2Ygwe5UojyOMr вот я его вызываю http://joxi.ru/MAjE63lC4voKl2 почему в первом случае добавляет слеш в конце http://joxi.ru/EA4LlQvtwDMNJA

Слеш в конце чего, урл?

Ребят есть ресурс http://joxi.ru/n2Ygwe5UojyOMr вот я его вызываю http://joxi.ru/MAjE63lC4voKl2 почему в первом случае добавляет слеш в конце http://joxi.ru/EA4LlQvtwDMNJA

в первом случаи чего ?

max_ts/

а дальше параметры

стрелочку же нарисовал там

пробовала, эта проблема решается, но возвращается предыдущая - при изменении стейта на posts (список постов) в списке на миг появляются пустые поля. Собственно, эту проблему решила обнулением pageContent прямо перед запросом на бэк, но тогда вылазит вопрос с дублированием. Замкнутый круг и мракобесие) Если обнулять и перед запросом и перед заполнением (все уже пробовала) - элементы списка снова дублируются.

Можешь немного подробнее описать что у тебя дублируется. Сколько у тебя постов должно быть, дублируются на секунду или совсем. Дублируются посты с предыдущей страницы или с текущей? По твоему описанию мне кажется что у тебя или массив не очищается до запроса или ты данные как-то не так получаешь/обрабатываешь.

у тебя постраничная навигация ? используешь trackby $index ? ответ https://ru.stackoverflow.com/questions/705068/angularjs-%D0%BF%D0%BE%D0%B2%D1%82%D0%BE%D1%80%D1%8F%D0%B5%D1%82-%D1%8D%D0%BB%D0%B5%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B2%D0%BD%D1%83%D1%82%D1%80%D0%B8-ng-repeat

очень похоже на то, что нужно. Вопрос к знатокам, track by что мне указать, чтобы заставить его обновлять DOM даже если все элементы будут одинаковы? Или тут без вариантов?

Не использовать трекбай

Не использовать трекбай

не помогает, равно как и track by $id(item) (что, вроде как, равнозначно)

очень похоже на то, что нужно. Вопрос к знатокам, track by что мне указать, чтобы заставить его обновлять DOM даже если все элементы будут одинаковы? Или тут без вариантов?

суть в чем если ты не пишешь трек бай, то он хеширует по значению, по текущему элементу массива если юзать индекс, он типа рендерит и пишет в кеш по индексу текущий элемент в цикле потом если он снова видит тот же индекс, и он есть в кеше, он не будет рендерить

суть в чем если ты не пишешь трек бай, то он хеширует по значению, по текущему элементу массива если юзать индекс, он типа рендерит и пишет в кеш по индексу текущий элемент в цикле потом если он снова видит тот же индекс, и он есть в кеше, он не будет рендерить

да, этот момент я поняла

не помогает, равно как и track by $id(item) (что, вроде как, равнозначно)

Эм

$id это что?

trach by item.id ил как там у вас другие причины почему дублируются данные это уже логика работы в коде, хотя ее там немного

суть в чем если ты не пишешь трек бай, то он хеширует по значению, по текущему элементу массива если юзать индекс, он типа рендерит и пишет в кеш по индексу текущий элемент в цикле потом если он снова видит тот же индекс, и он есть в кеше, он не будет рендерить

в данный момент у меня при загрузке страницы тянет один и тот же json-файлик с одним и тем же единственным (на данный момент) объектом в массиве постов. Если быстро переключать страницы, оно успевает добавить несколько этих единственных объектов подряд, потом очищает все до единичного :D

как я поняла, это получаются одинаковые элементы для ангуляра, потому он их не затирает перед записью?

как я поняла, это получаются одинаковые элементы для ангуляра, потому он их не затирает перед записью?

Давайте с трекингом разберёмся)

Давайте с трекингом разберёмся)

так мы вроде все еще разбираемся :)

Ну вот $id это ваш сервис какой-то который ид выгребает?

то что я написал, дублируется сам dom по индексу который в кеше но данный у меня другие приходили, так как другую страницу загружал

у вас что-то не то вообще

Ну вот $id это ваш сервис какой-то который ид выгребает?

ноуп, это взято из оф.документации к ngRepeat

ноуп, это взято из оф.документации к ngRepeat

покажите шаблон

И правда)

это в какой версии ангуляра такая дока ?

https://docs.angularjs.org/api/ng/directive/ngRepeat

Default tracking: $id(): item in items is equivalent to item in items track by $id(item). This implies that the DOM elements will be associated by item identity in the collection.

@Nano_Mo вы можете два файла сделать? Ну чтобы это было похоже на реальный кейс. Постоянно один и тот же жсон возвращать бессмысленно

у вас какая версия ?ангуляра

1.4

@Nano_Mo вы можете два файла сделать? Ну чтобы это было похоже на реальный кейс. Постоянно один и тот же жсон возвращать бессмысленно

да, вероятно, проблема в этом... сделаю, попробую

все правильно $id берет ваш текущий элемент и использует его в качестве индекса

еще нужно что бы вы показали свой json файл

Так тут от реализации $$hashKey зависит

Если трекинг дефолтный

@Nano_Mo ну или попробуйте добавлять в каждый элемент uuid при получении и трекать по нему

Так оно будет думать что элементы разные

элементы сделала разными, разнесла по разным папочкам в дополнение первый элемент меняется на новый, справа от него "мигает" и исчезает старый элемент

пробовала без трека вообще и с треком по title-у (точно разному)

Вы хотя бы видео можете записать?

Скринкаст - как происходит, как ожидается, что не так

Потому что я например уже запутался и ничего не понимаю

видео это не мое. Потом попробую вынести код в песочницу

https://embed.plnkr.co/mQUSVxj3PWtZWL0tYD2z/

Ну вот, песочница с пагинацией

Правда там ng 1.5

и там нет запросов, там сразу готовый массив

Это меняет ничего

Версия ангулара - мб, 1.4 старый

max_ts/

А почему они у вас в params не объявлены? Вообще $resource на мой взгляд - гадость. Я по крайней мере не осилил. А с тайпингами вообще ужас-ужас

@yarrrrrrrr весть проект на них сделан, приходится на них) проблема в серваке , он первый рапрос как то магически обрабатывает, а если там в роуте поставить слеш в конце max_ts/?params то сразу становится все ок ) бред короче

То есть вам нужен там слеш?

У ресурса есть такая хрень ещё

app.config(function($resourceProvider) { $resourceProvider.defaults.stripTrailingSlashes = false; });

Но это по идее и на уровне индивидуального ресурса перегрузить можно

всем привет ребят, не пинайте сильно, не работал никогда с ангуляр есть массив, прохожу ng-repeat и в зависимости от данных нужно чекнуть чекбокс ng-checked='item.checked ==1' - почему то не чекает, а чекает при ng-model='item.checked'(что странно для меня) и вот на чекбоксе висит обработчик для change но я хотел бы И при проходе зафайрить ивент change, чтобы обработчик сработал, как это и сделать?)

А ng-model + ng-change?

при проходе это как - hover?

то есть при рендере массива, проставляю чекед для чекбокса и как отловить это событие, если при ng-checked не проставляется checked,а только при ng-model

Вам надо при первой отрисовке запускать обработчик изменения? Создайте компонент с чекбоксом и там в $onChanges получайте все изменения модели, в т.ч. первоначальное

Ну или попробуйте ng-model, ng-changed и ng-init="item.checked"

в changed можно выражение передать?

Да