Lodo4kin
я б хотел еще спросить делаю $location.path("какой-то урл") и меня редиректит на /, почему так происходит?
👾MerMax
$state.go не вариант?
👾MerMax
редирект - лчино я хз. нужно смотреть что и как реализовано.
Lodo4kin
ща попробую
Максим
добрый день всем, очередной раз вас помучаю..
я уже загуглился, запутался и т.п., овердофига вкладок и уже вечер.. пытаюсь прикрутить date range picker... некоторые не завелись (видимо какие-то зависимости не подтягивались..), но один из них заработал..
создал директиву и все круто, календарь появляется, выбор работает, но в model не записывается.. пытаюсь в директиве юзать scope.$apply(); - not work...
принудительно смотреть change и записывать?
Максим
app.directive('daterange', function(){
return{
link: function(scope, element){
element.dateRangePicker({
startDate: moment().add(8, 'days'), // стартовая дата
maxDays: 30, // максимальный интервал
}).bind('datepicker-change', function (event,obj) {
console.log("closed");
console.log(obj);
scope.$apply();
});
// element.data('dateRangePicker').open();
}
}
});
Константин
app.directive('daterange', function(){
return{
link: function(scope, element){
element.dateRangePicker({
startDate: moment().add(8, 'days'), // стартовая дата
maxDays: 30, // максимальный интервал
}).bind('datepicker-change', function (event,obj) {
console.log("closed");
console.log(obj);
scope.$apply();
});
// element.data('dateRangePicker').open();
}
}
});
А что за библиотека? Ты уверен что она вообще нг модель поддерживает?
Максим
А что за библиотека? Ты уверен что она вообще нг модель поддерживает?
не поддерживает.. (скорее всего)
я не нашел со вчерашнего дня ничего путного, что заработало бы с angularjs..
подрубил вот эту: https://github.com/longbill/jquery-date-range-picker
demo: https://longbill.github.io/jquery-date-range-picker/
Константин
не поддерживает.. (скорее всего)
я не нашел со вчерашнего дня ничего путного, что заработало бы с angularjs..
подрубил вот эту: https://github.com/longbill/jquery-date-range-picker
demo: https://longbill.github.io/jquery-date-range-picker/
Ну значит нужно подписаться на изменения и делать со значением что тебе нужно
Константин
Что именно идёт не так?
Денис
Добрый день!
Есть инпут, на него повешены ng-keydown, ng-change, к которым привязаны функции. Они корректно отрабатывают, до того момента, как я резко выделяю текст и его стираю (нажимаю на бэкспейс). После этого ни один из ивентов не работает. Как это можно исправить?
Максим
ну просто хз) я помню были траблы какие-то, если изменяется значение не ангуларом, помню надо apply делать.. и чет не ворк)) на событие изменения я подписался.. я же могу сделать что-то типа:
scope.dateFrom = date1
или как-то по другому надо происвоить? типа
scope.dateFrom.value(date1)
👾MerMax
добрый день. кто каке вариант знает реализации мультиязычности тайтла страницы?
👾MerMax
делал так
<title translate="APP.META.TITLE"></title>
👾MerMax
на сайте все ок, но в гугле печалька) он не индексирует перевод, а тупо выводить APP.META.TITLE
👾MerMax
думаю через нг-бинд но не уверен
👾MerMax
проблема в том что не могу бістро понять сработало или нет, так как зх когда гугл переиндексирует страницу..
Rem1te
на сайте все ок, но в гугле печалька) он не индексирует перевод, а тупо выводить APP.META.TITLE
Все что вы делаете с помощью.джаваскрипта не работает у роботов поисковых систем ибо они не выполняют джс, если вы хотите сео на СПА вам нужен сервер рендеринг
👾MerMax
Прикол в том что с тегом мета все работает ок
👾MerMax
Индексирует как нужно
👾MerMax
но он выглядит иначе
👾MerMax
<meta name="description" translate translate-attr-content="APP.META.DESCRIPTION">
🎋🎋🥷 ngSamurai
Привет! есть альтернативы ngrx/store для ангаВоне?
🎋🎋🥷 ngSamurai
готового на примете ничего нет?(
Rem1te
+ у ngrx в доке есть екзампл для использования в скоупе первого ангуляра
Rem1te
https://ngrx.io/guide/store/recipes/downgrade
🎋🎋🥷 ngSamurai
не... даунгрейд для меня слишком опасен ))))
🎋🎋🥷 ngSamurai
тем более что у меня все еще гулп-конкат ) и нет классов )
Stas
скажите а можно как то при ините компонента проверить сработали ли подписка? что бы два раза данные не грузить?
типа if(this.$scope.$on...){}else{}
Rem1te
есть подозрение что слушатель что-то делает, можешь там флаг переключать какой не будь
artem
всем привет) я не так много знаю в ангулярджс. есть вопрос. есть две модалки которые ссылаются на один контроллер, но есть беда что есть подключенные скрипты которые перебивают эти модалки. мне подсказали что можно вместо клика повесить ивенты через бродкаст и разграничить их. как правильно пользоватся бродкастом? первый раз встречаю
🎋🎋🥷 ngSamurai
всем привет) я не так много знаю в ангулярджс. есть вопрос. есть две модалки которые ссылаются на один контроллер, но есть беда что есть подключенные скрипты которые перебивают эти модалки. мне подсказали что можно вместо клика повесить ивенты через бродкаст и разграничить их. как правильно пользоватся бродкастом? первый раз встречаю
easy!
send: $rootScope.$emit('modalLoginOpen', value); or $rootScope.$broadcast('modalLoginOpen', value); . value is optional
get: $rootScope.$on('modalLoginOpen', (($event, value) => {...});
$rootScope.$on надо отписывать:
1) в контроллере
```
const modalLoginOpenListner = $rootScope.$on('modalLoginOpen', (($event, value) => {...});
$scope.$on('$destroy', modalLoginOpenListner);
2) или в компоненте
$ctrl.$onInit = () => {
$ctrl.modalLoginOpenListner = $rootScope.$on('modalLoginOpen', $ctrl._firemodalLoginOpen);
};
$ctrl.$onDestroy = () => {
if ($ctrl.modalLoginOpenListner) {
$ctrl.modalLoginOpenListner();
$ctrl.modalLoginOpenListner = null;
}
};
```
Константин
Всем привет
Втф? Удаляю элемент массива в контроллере, а ng-repeat, видимо, замечает только изменение длины массива — на вьюхе удаляется последний элемент, а тот что удалился из контроллера остается на месте
например на вьюхе меняю проперю у одного элемента, ставлю паузу и вижу в данных, что у этого элемента массива поменялась пропертя
пытаюсь этот измененный элемент удалить и что вижу:
1. на вьюхе удаляется последний элемент массива, а целевой остался
2. на брекпоинте, в массиве, удаленного элемента нет, а с последним всё в порядке (т.е. удаление элемента прошло успешно)
Константин
Удалять элемент массива пробовал через splice и через list = list.filer(...)
Оба варика дают одинаковый результат
Rem1te
Удалять элемент массива пробовал через splice и через list = list.filer(...)
Оба варика дают одинаковый результат
TrackBy используйте для рендеринга массивов
Константин
track by $index использую, потому что объеты без уникальных ключей
Rem1te
track by $index использую, потому что объеты без уникальных ключей
Окей, вы удалили объект, индексы сменились, ангуляр думает что это старый обьект
Rem1te
Нет уникальных ключей - добавьте
Aleksey
Всем привет, подскажите пожалуйста как можно отрендерить элементы не все разом? Типа какой-то debounce для рендеринга
Igor
привет
можно сделать через ng-show и переменная которая будет в тру после определеннього таймаута, но ето наверно не очень хороший вариант
Dmytro
привет
можно сделать через ng-show и переменная которая будет в тру после определеннього таймаута, но ето наверно не очень хороший вариант
ng-show всё равно в DOM будет добавлять элементы, лучше уже ng-if
Dmytro
Всем привет, подскажите пожалуйста как можно отрендерить элементы не все разом? Типа какой-то debounce для рендеринга
мы используем angular-vs-repeat для виртуал скрола с ng-repeat, правда могут быть проблемы с перформансом
Aleksey
Я как раз пытаюсь решить проблему перформанса, тогда этот вариант не подходит))
Rem1te
Я как раз пытаюсь решить проблему перформанса, тогда этот вариант не подходит))
а сколько айтемов рендерите?
Aleksey
Дерево из 400 элементов, я думаю лучше с бэком это оптимизируем, чтобы дочерние элементы запрашивались только при раскрытии родителя
Rem1te
или просто не рисовать дочерние элементы до раскрытия :)
Aleksey
Да или так)
🎋🎋🥷 ngSamurai
track by $index использую, потому что объеты без уникальных ключей
в таких случаях я просто генерирую новый атрибут у объекта с UUID ) и тогда trackBy работает идеально
Михаил
привет, вдруг в фактори понадобился $scope, чтобы событиями пользоваться $scope.$on() и прочими. Что делать, если ангуляр ругается на такую инъекцию?
Rem1te
в таких случаях я просто генерирую новый атрибут у объекта с UUID ) и тогда trackBy работает идеально
Symbol() как уникальный идентификатор катит супер :)
Rem1te
привет, вдруг в фактори понадобился $scope, чтобы событиями пользоваться $scope.$on() и прочими. Что делать, если ангуляр ругается на такую инъекцию?
а зачем вам в фабрике слушать события приложения?
Rem1te
Мне кажется у вас архитектурная проблема :)
Rem1te
слушайте где не будь в родительском компоненте и сообщайте сервисам\сторам
Rem1te
или заинжектите рутскоуп
Михаил
спасибо
Виночерпий
Ребята всем привет
Виночерпий
Кто работал с jsGrid
Eugenio
С основ js начни
pa[aad
и забудь про angularjs 1.x
это устаревший фреймворк
да, как советуют, учи JS, не фреймворк важен
pa[aad
объясни разницу между == и ===
без гугления, по быстрому )
Eugenio
Разница между var и let|const, по-быстрому без гугления
Rem1te
Уго первый человек которого я знаю который владеет джсом на проф уровне, теперь буду брать советы
Иван
Доброе утро. Ребят, такой вопрос. Есть таблица, туда грузятся данные. Есть столбец с заголовком id (он тоже подгружается с ts, как и остальные), у него есть параметр hidden, но он срабатывает после загрузки страницы (данных). Как его можно Спрятать до загрузки страницы ? Так как проблема что он виден во время загрузки. И когда много данных или плохой инет, то поле видно еще.
🎋🎋🥷 ngSamurai
Доброе утро. Ребят, такой вопрос. Есть таблица, туда грузятся данные. Есть столбец с заголовком id (он тоже подгружается с ts, как и остальные), у него есть параметр hidden, но он срабатывает после загрузки страницы (данных). Как его можно Спрятать до загрузки страницы ? Так как проблема что он виден во время загрузки. И когда много данных или плохой инет, то поле видно еще.
Много данных - тогда надо уменьшать их и вводить пагинацию. Как вариант через ngIf/ngShow триггерить на hidden-значение или через ngClass
🎋🎋🥷 ngSamurai
Да и формулировка терминов хромает)
Igor
привет
опишу задачу:
у меня есть вывод категорий в ng-repeat и в нем есть вывод товаров тоже через ng-repeat, нужно сделать типо слайдер товаров
я сделал через ng-repeat="userItem in part.items | limitTo:itemPerPage:itemOffset track by $index"
и соответственно кнопки:
$scope.showNext = function() {
$scope.itemOffset++;
}
$scope.showPrev = function() {
$scope.itemOffset--;
}
но проблема в том что етот $scope.itemOffset влияет и на уровень категорий, и если при клике на кнопках показать следующий мотаеться все товари во всех категориях
можно как то отделить что бы $scope.itemOffset влиял только на один ng-repeat?
возможно есть лучше способ ето реализовать
спасибо!
🎋🎋🥷 ngSamurai
привет
опишу задачу:
у меня есть вывод категорий в ng-repeat и в нем есть вывод товаров тоже через ng-repeat, нужно сделать типо слайдер товаров
я сделал через ng-repeat="userItem in part.items | limitTo:itemPerPage:itemOffset track by $index"
и соответственно кнопки:
$scope.showNext = function() {
$scope.itemOffset++;
}
$scope.showPrev = function() {
$scope.itemOffset--;
}
но проблема в том что етот $scope.itemOffset влияет и на уровень категорий, и если при клике на кнопках показать следующий мотаеться все товари во всех категориях
можно как то отделить что бы $scope.itemOffset влиял только на один ng-repeat?
возможно есть лучше способ ето реализовать
спасибо!
если ты оффсетом меняешь основной список, то естественно будут меняться и товары закрепленные в этом ngRepeat, можно их вынести за пределы, почему они внутри находятся??
Igor
я оффсетом меняю внутренний ng-repeat
каким образом винести если ето товари категории?
Igor
<li ng-repeat="part in outgoingRequests" class="component-parts-transfer-item">
<div ng-repeat="userItem in part.items | limitTo:itemPerPage:itemOffset track by $index"> {{userItem.id}}
</div>
</li>
ето грубо говоря
Igor
будет ли нормальним вариантом добавлять оффсет к обьекту part.items и использовать его ?
Rem1te
@jashka_jashka, победи их пожалуйста :)
🎋🎋🥷 ngSamurai
🎋🎋🥷 ngSamurai
@Rem1te