Sasha
Пагни, в ui-router 1.0.0 есть какой-нибудь способ поменять параметр, не прикасаясь к $location?
Sasha
Без перезагрузки
Sasha
Нашел в доке все-таки. Отбой)
Иван
Просто вопрос вытекает из "запуска" гибридного приложения, который вытекает из "запуска" ангуляр1 приложения с помощью angular.bootstrap... из бандла он тоже не стартанул, т.к. бандл в head'е
Гибридное приложение таки запустил. Почему-то не отрабатывал предложенный this.upgrade.bootstrap(document.documentElement, ['phonecatApp']); пришлось вешаться на DOMContentLoaded и целяться к div`у поближе... вообще конечно много там всяких недомолвок во всех этих руководствах 😕
Truthseeker
Нужно фильтр для диапазона цен. Установил модуль rzslider , ползунки есть , как привязать их к даным и каким фильтром выводить данные
Truthseeker
Надо самому фильтр писать для диапазона цен ?
Nikolai
too easy
Nikolai
в документации 100% это есть, недавно делела
Truthseeker
too easy
как ?
Truthseeker
в документации нету
Truthseeker
надо самому пилять
Nikolai
фильтр вида цена от до?
Nikolai
и границы
Nikolai
от 0 до 100500
Nikolai
каков кейс?
Nikolai
model, model_high, floor, ceil, step или массив шагов
Truthseeker
http://joxi.net/brRgYE4sQyoaMm $scope.sliderRange = { min: 0, max: 50, options: { floor: 0, ceil: 50 } };
Nikolai
да. В чём вопрос?
Nikolai
написать, что это рубли?
Truthseeker
как мне привязать к выводу даных ?
Truthseeker
я соваю , а продукты пропадают , если в диапазон не попадают
Nikolai
я тупой
Truthseeker
у меня есть <div class="item u-flex u-center" ng-repeat="item in items | filter:query | orderBy: orderList"> <div class="item-int u-flex u-center"> <div class="data u-flex u-center"> <div class="poke-img"> <img src="{{item.src}}" title="{{item.title}}"> </div> <div class="poke-title"> {{item.title}} </div> <div> <div class="text-center poke-price p-t-10 p-b-10">{{item.price}} $</div> <button class="btn btn-success" ng-click="buyItem(item.title, item.price);">Add to cart</button> </div> </div> </div> </div>
Truthseeker
как мне после ng-repeat отфильтерить ?
Truthseeker
ну что тут не понятно
Nikolai
поставить пайп. Ну что тут непонятно
Truthseeker
😂
Nikolai
<rzslider rz-slider-model="filter.priceRange.min" rz-slider-high="filter.priceRange.max" rz-slider-options="priceRange.options" ></rzslider>
Nikolai
$scope.$watch('filter', updateFiltered, true);
Nikolai
badum-tss
Nikolai
а пайпы зло
Truthseeker
https://codepen.io/jakob-e/pen/RPGqXK
Truthseeker
всё сам сделал
Truthseeker
если кому надо
Nikolai
Min > Max makes little sense – sorry this is not about great UI/UX/BuzzBuzz ;-) охуенский UI
Sasha
Есть ли способ перезагрузить компонент? Чтобы $onInit сработал
Nikolai
На тот же колбек, что и onInit, например
Nikolai
Чёт я не понял....что там не так ?
в первом скриншоте был range slider, а по ссылке 2 независимых с всплывахой. И я прислал решение для рзслайдера — фильтр ставишь на воч в контроллере и фильтруешь массив выдачи в колбеке. По сравнению с пайпами выигрыш в быстродействии. Хотя если там 50 позиций, может и не так заметно будет.
Eugene
Приходит идея типа пагинации. Рендерить по 10 разделов.
Sasha
Бэкенд пагинация
Eugene
Допустим я делаю бэкэнд пагинацию по 10 страниц. А как мне содержание заполнить полностью? Оно у меня на основе этих страниц идет
Eugene
Ладно, пойду почитаю как это все работает
Eugene
содержимое стейта или содержмое вот этого дивчика со списком?
Вот этого дивчика со списком. Оно у меня на основе страниц берется и выводится в ng repeat и типа. page.title
Ilya
Динамичное количество в зависимости от высоты элемента это как-то избыточно выглядит, если я правильн опонял идею. Сделай, чтобы фронтент запрашивал список в каком нить таком формате { page: 1, perPage : 10, totalPages: 3 } Тогда ты сможешь на фронте определять длину списка, если это надо. Как-то так.
Eugene
Хорошо, буду пробовать
AI
Народ, всем привет. У меня есть функция которая срабатывает по ng-click эта функция должна запустить анимацию и удалить модалку по завершению этой анимации. банальным таймером как то не по фенхую, подскажите как решить вопрос?
Truthseeker
Вопрос, для инклуда всех js в один используется Require JS ? Ибо овер дофига директив , фильтров и прочего в одном файле. В Angular 2 можно через @import , но это через typescript.
Anonymous
Про require.js хз, но советовали через сборщики эту проблему решать
Sasha
Это же вопрос билдинга, я так понимаю?
Truthseeker
да
Truthseeker
ну я хочу разделить отдельно фильтры, директивы и тд.
Sasha
А в чем проблема?)
Sasha
Чем собираешь? Вебпаком?
Sasha
Ну тогда пропиши пути и делай gulp конкат. Смотри, чтобы файл приложения был первым при сборке
Nikolai
"gulp-angular-filesort"
Nikolai
пиздец я тупой. Оказывается можно было хуячить на es6. Затем браузерифаить и бабелизировать.
Nikolai
Максим
доброго времени, господа =) есть два фильтра стандартный date и еще один, который его декорирует смысл в том, что когда страница просто загружается, они оба при отрабатывании по одной и той же дате выводят разный результат (так оно и должно быть) но при загрузке данных аяксом, вывод идет абсолютно идентичный куда копать?
Максим
в общем, уже не актуально)
Максим
все решилось
Максим
спасибо за внимание))
Truthseeker
"но при загрузке данных аяксом, вывод идет абсолютно идентичный " что ? мне кто то говорил забыть об аяксе в ангуларе
Максим
$http.get('...')
Максим
и вывод на морду
Truthseeker
😊
Andrew
Ilya
Спасибо, набрал
Максим
хДДДД
Nikolai
Подскажите лучшую практику по составлению приложения из модулей на es6: app.js: angular.module('myApp', []); //это главный модуль. require('./components/cmp1'); require('./components/cmp2'); cmp1.js: angular.module('myApp').run(...); cmp2.js: angular.module('myApp').run(...); Или каждый модуль создавать со своим именем и добавлять в зависимости главному приложению?
Truthseeker
ну вроде бы последний вариант лучше будет
Nikolai
angular.module('myApp', [ require('./component').default ]); component.js: const name='mainForm'; angular.module(name, []).component('mainForm', mainformComponent); export default name;
Truthseeker
Вот такое выдает, когда кликаю на удалить item : Possibly unhandled rejection: {"data":null,"status":-1,"config":{"method":"DELETE","transformRequest":[null],"transformResponse":[null],"jsonpCallbackParam":"callback","params":{"id":118},"url":"/api/customers/:customer_id","headers":{"Accept":"application/json, text/plain, */*"}},"statusText":""}
Truthseeker
в чём проблема ?