для сортировки колонок используется $filter(orderBy)

и изза свой специфичной реализации orderBy null приводит к "null"

что ставит пустые значения на ряду со значениями на N

<td sortable="'text'" > {{row.text === null ? row.text = '': row.text}} </td>

топорное решение, но нужно чтото оптимальней

декорирование orderBy - не подходит, сразу скажу

Ребята есть кто шарит в webpack не могу подключить к проекту autoprefixer

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

В чем именно проблема? autoprefixer используй только для production сборки в post-css лоадере. В конфигурации webpack 3 вложенностью такая - объект module -> массив rules. Внутри этого массива объекты с ключом loader. Вот пример для scss. { test: /\.scss/, exclude: /node_modules/, use: ExtractTextPlugin.extract([{ loader: 'css-loader', options: { minimize: true } }, { loader: 'postcss-loader', options: { plugins: [ autoprefixer({ browsers: ['last 2 versions'] }) ] } }, { loader: 'sass-loader' }]) }

Вот мой пример реализации

{ test: /\.(css|scss|sass)$/, use: [{loader: "style-loader", options: {minimize: true}}, { loader: 'css-loader', options: { importLoaders: 1 }}, 'sass-loader', { loader: 'postcss-loader', options: { plugins: function () { return [require('autoprefixer')()]; } } }]},

Кстати, раз у ж такая тема зашла, подскажите пожалуйста средства для максимальной минификации бандла с помощью вебпак >2. Что есть помимо Uglify?

https://www.youtube.com/watch?v=zFoBYfMLUCM&feature=share

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

Не знаю кому как но мне помогло

Кстати, раз у ж такая тема зашла, подскажите пожалуйста средства для максимальной минификации бандла с помощью вебпак >2. Что есть помимо Uglify?

А чем не подходит? С какими трудностями столкнулись? Он вроде вполне ОК

Наверно он подразумевал что можно еще использовать с uglify чтобы выжать с бандла по максимуму

В чем именно проблема? autoprefixer используй только для production сборки в post-css лоадере. В конфигурации webpack 3 вложенностью такая - объект module -> массив rules. Внутри этого массива объекты с ключом loader. Вот пример для scss. { test: /\.scss/, exclude: /node_modules/, use: ExtractTextPlugin.extract([{ loader: 'css-loader', options: { minimize: true } }, { loader: 'postcss-loader', options: { plugins: [ autoprefixer({ browsers: ['last 2 versions'] }) ] } }, { loader: 'sass-loader' }]) }

Спасибо получилось, правда не много по игрался

Спасибо получилось, правда не много по игрался

✌🏻

Кстати, раз у ж такая тема зашла, подскажите пожалуйста средства для максимальной минификации бандла с помощью вебпак >2. Что есть помимо Uglify?

Closure Compiler - но это не так просто с Angular

Надо делать allow invalid в ngModelOptions

сделал, это мне не помогло

есть еще идеи, почему значение поля телефона пропадает и возвращается дефолтная ui-mask, если телефон введен не до конца?

всем привет, кто-нибудь дружил AngularJS с webpack 2 ? Ранее проект был на webpack 1 и всё работало, html-loader понимал исходники, а во второй части он перестал, теперь вместо него raw-loader, но возникла проблема - приложение не может найти картинки, прописанные в атрибуте src тега img. Раньше они обычно были по пути /src/img/picture.svg, теперь их там нет.

такое ощущение что не все ассеты загрузились

есть еще идеи, почему значение поля телефона пропадает и возвращается дефолтная ui-mask, если телефон введен не до конца?

Гуглил? angular.modlue('myApp', []).run(function (uiMaskConfig) { uiMaskConfig.clearOnBlur = false; });

Гуглил? angular.modlue('myApp', []).run(function (uiMaskConfig) { uiMaskConfig.clearOnBlur = false; });

да, я уже решил проблему

Так поделись, интересно же)

решение проблемы выше у Николая, я его раньше нагуглил

Ребята, доброго времени суток, вопрос: есть ли какие то особенности в сравнении обьектов в $watch между newValue и oldValue ? нашел на просторах стаковерфлоу такую ф-цию для выявления разницы между обьектами: Array.prototype.diff = function(a) { return this.filter( function(i) {return a.indexOf(i) < 0; }); }; вне вотчера ф-ция отрабатывает на ура, внутри него получаю не адекватный ответ newValue.diff(oldValue); вернет просто значения newValue (в данном случае newValue увеличивается, и хочу отловить что именно добавилось в обьект) p.s. Могу прикрепить ссылку на Стак оврф если это не обходимо, или может нужна доп. инфа, буду очень признателен на отклик (https://stackoverflow.com/questions/1187518/javascript-array-difference - 599 плюсов)

Ребята, доброго времени суток, вопрос: есть ли какие то особенности в сравнении обьектов в $watch между newValue и oldValue ? нашел на просторах стаковерфлоу такую ф-цию для выявления разницы между обьектами: Array.prototype.diff = function(a) { return this.filter( function(i) {return a.indexOf(i) < 0; }); }; вне вотчера ф-ция отрабатывает на ура, внутри него получаю не адекватный ответ newValue.diff(oldValue); вернет просто значения newValue (в данном случае newValue увеличивается, и хочу отловить что именно добавилось в обьект) p.s. Могу прикрепить ссылку на Стак оврф если это не обходимо, или может нужна доп. инфа, буду очень признателен на отклик (https://stackoverflow.com/questions/1187518/javascript-array-difference - 599 плюсов)

прикрепи ссылочку

ап

можно использовать angular.equals

я как понял, он возвращает boolean, мне же нужно вернуть разницу между объектами var a1 = ['a', 'b']; var a2 = ['a', 'b', 'c', 'd']; // need ["c", "d"]

- solved

В моем случае, если необходимо работать с объектами new и oldValue , тогда лучше использовать $watchCollection вместо $watch

привет всем! Тут про ангулар 2+ можно поспрашивать? Вопрос связан с typescript скорее всего, нежели с angular… Я просто совсем новик в этой теме - вчера наткнулся и весь день возился

привет всем! Тут про ангулар 2+ можно поспрашивать? Вопрос связан с typescript скорее всего, нежели с angular… Я просто совсем новик в этой теме - вчера наткнулся и весь день возился

https://t.me/angular_ru

спс!

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

ёёё код ёёё

только вместо ё ~

ёёё код ёёё

+

есть проект с минимизацией кода, локально все работает, а на серваке минимизация происходит не правильно, обратился к докам https://docs.angularjs.org/guide/di Вот что было в проекте config(function($stateProvider, $urlRouterProvider, $locationProvider, $translateProvider){ Переписал на .config(['$scope', '$http', '$stateProvider', '$urlRouterProvider', 'locationProvider', 'translateProvider', function($stateProvider, $urlRouterProvider, $locationProvider, $translateProvider){ но возникает ошибка http://errors.angularjs.org/1.5.11/$injector/modulerr?p0=buzz&p1=Error%3A%20%5B%24injector%3Aunpr%5D%20http%3A%2F%2Ferrors.angularjs.org%2F1.5.11%2F%24injector%2Funpr%3Fp0%3D%2524scope%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2658%3A426%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2695%3A219%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2693%3A1)%0A%20%20%20%20at%20e%20(http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2693%3A242)%0A%20%20%20%20at%20Object.invoke%20(http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2693%3A327)%0A%20%20%20%20at%20d%20(http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2691%3A481)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2692%3A88%0A%20%20%20%20at%20q%20(http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2659%3A371)%0A%20%20%20%20at%20g%20(http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2691%3A382)%0A%20%20%20%20at%20fb%20(http%3A%2F%2Flocalhost%3A8000%2Flibs.js%3A2695%3A381 подскажите как решить?

разве ‘lcoationProvider’ и ‘translateProvider’ не должны тоже начинаться с $?

+ string именований модулей больше чем те, которые по факту тудя заходят

config(['$stateProvider’, ‘$urlRouterProvider’, ‘$locationProvider’, ‘$translateProvide’, function($stateProvider, $urlRouterProvider, $locationProvider, $translateProvider){ - по идее так должно быть

разве ‘lcoationProvider’ и ‘translateProvider’ не должны тоже начинаться с $?

да, спасибо, ошибся

подскажите еще, сделал я это все для .run .config перешел к контроллерам (function(){ 'use strict'; angular .module('buzz') .controller('registrationCtrl', registrationCtrl) function registrationCtrl($scope, $rootScope, $location, currentCountryService, phoneService, userApiService, $timeout){ } registrationCtrl.$inject = ['$scope', '$rootScope', '$location', 'currentCountryService', 'phoneService', 'userApiService', '$timeout']; })(); билдится на отлично, но на серваке по прежнему проблемы с angular-translate Вот что локально <div class="MediumLightJunior btn_color ng-binding">Назад</div> на сервере <div class="MediumLightJunior btn_color ng-binding">{{ 'BACK_BTN' | translate }}</div> вопрос в том, правильно ли проведен $inject ?

переводы откуда берутся?

а, или там просто не рендрится?

вот не рендерится на всех страницах, кроме главной, там почему-то все работает (на серваке), а локально перевод работает на всех страницах

если не рендрится, в консоли должна быть ошибка по идее

если не рендрится, в консоли должна быть ошибка по идее

https://docs.angularjs.org/error/$injector/unpr?p0=userApiServiceProvider%20<-%20userApiService%20<-%20registrationCtrl

попробуй $inject до функции написать

registrationCtrl.$inject = ['$scope', '$rootScope', '$location', 'currentCountryService', 'phoneService', 'userApiService', '$timeout']; function registrationCtrl($scope, $rootScope, $location, currentCountryService, phoneService, userApiService, $timeout){ }

хотя это не поможет

нет, не помогает

сборка для локального и сервера отличается?

выключи из контроллера userApiService. Если заработает, то не подключён сервис

выключи из контроллера userApiService. Если заработает, то не подключён сервис

супер, ты просто бог ангуляра

выключи из контроллера userApiService. Если заработает, то не подключён сервис

спасибо большое

можно деньгами

Товарищи, можно ли вытащить данные полей формы без ng-model?

по идее <form name="trulala"> а потом $scope.trulala.field_name, но итерация по объекту не выдает полей

Можно достать название полей через $scope.trulala.$$element[0].elements, но такой вариант мне кажется чрезмерно костыльным

$scope.trulala.$$controls

Подскажите плагинчики, которые рендерят компонент при скролле страницы. Чтобы изначально компонент был скрыт, а при появлении на экране отображался.

привет всем. Есть проблемма с гугл картами. Карта инициализируется аяксом function initMap() { console.log(2); var mapProp = { center: new google.maps.LatLng(49.976355, 36.263540), zoom: 15, scrollwheel: false, mapTypeControl: false, }; var map = new google.maps.Map(document.getElementById('map'), mapProp); } google.maps.event.addDomListener(window, 'resize', initMap); в хеде подключается скрипт гугл мапс но карта на отображается

пили планкер

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

md-menu и md-menu-bar

Можете помочь с гугл картами. Добавляю маркеры https://jsfiddle.net/pgcbgtye/ только центрирует и зумирует не там http://joxi.ru/1A5LKzkUKpOKv2 а дожно здесь http://joxi.ru/brRgzlofQNdQRm

Добрый день, подскажите как можно такое сделать?

Можете помочь с гугл картами. Добавляю маркеры https://jsfiddle.net/pgcbgtye/ только центрирует и зумирует не там http://joxi.ru/1A5LKzkUKpOKv2 а дожно здесь http://joxi.ru/brRgzlofQNdQRm

$scope в этом фидле откуда?

это массив маркеров с кординатами

где этот массив в фидле?

привет

как можно с директивы обновить контоллер

http://joxi.ru/Q2Kgzpof9MkNY2

всмысле?