пиздец я тупой. Оказывается можно было хуячить на es6. Затем браузерифаить и бабелизировать.

Народ, всем привет. У меня есть функция которая срабатывает по ng-click эта функция должна запустить анимацию и удалить модалку по завершению этой анимации. банальным таймером как то не по фенхую, подскажите как решить вопрос?

а что не так с таймаутом? у тебя анимация на css или gif? или какая ваще?

доброго времени, господа =) есть два фильтра стандартный date и еще один, который его декорирует смысл в том, что когда страница просто загружается, они оба при отрабатывании по одной и той же дате выводят разный результат (так оно и должно быть) но при загрузке данных аяксом, вывод идет абсолютно идентичный куда копать?

в общем, уже не актуально)

все решилось

спасибо за внимание))

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

$http.get('...')

и вывод на морду

?

Спасибо, набрал

хДДДД

Подскажите лучшую практику по составлению приложения из модулей на es6: app.js: angular.module('myApp', []); //это главный модуль. require('./components/cmp1'); require('./components/cmp2'); cmp1.js: angular.module('myApp').run(...); cmp2.js: angular.module('myApp').run(...); Или каждый модуль создавать со своим именем и добавлять в зависимости главному приложению?

ну вроде бы последний вариант лучше будет

angular.module('myApp', [ require('./component').default ]); component.js: const name='mainForm'; angular.module(name, []).component('mainForm', mainformComponent); export default name;

Вот такое выдает, когда кликаю на удалить 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":""}

в чём проблема ?

Вот Http запрос $http.delete('/api/customers/:customer_id',{params: {id: id}}).then(function(){ var index = $scope.customers.indexOf(id); $scope.customers.splice(index,1); });

Вроде запрос приодит на бек, id передаётся, но айтем не удаляется

angular.module('myApp', [ require('./component').default ]); component.js: const name='mainForm'; angular.module(name, []).component('mainForm', mainformComponent); export default name;

export default angular.module('mainForm', []).component('mainForm', mainformComponent); angular.module('tour', [ require('./mainform.component/mainform').default.name ]) вот так збс

Ещё вот такая херовина в терминале: Unhandled rejection TypeError: Cannot read property 'destroy' of null

что не так я делаю ?

всё вкурил

уже ненадо

Надо было так: $http.delete('/api/customers/' + id,{params: {id: id}})

ошибка была в url

есть тут кто ?

Никого

помоги

$scope.removeItem = function removeItem(id) { $http.delete('/api/customers/' + id).then(function () { var index = $scope.customers.indexOf(id); $scope.customers.splice(index, 1); }); }; ------------------------------------- на фронте не тот елемент удаляет (на беке всё норм)

ну что блять не так то ?

Скоуп-кастомерс это массив интов?

всё решил

сука я красавчик

))))))

Ой всё

вобщем я передавал id айтема , а надо было весь обьект , поскольку , у меня коллекция обьектов , и при id , indexOf не мог найти правильный индекс обьекта

как то так

Такое стоит в фабрики выносить

я ещё не дошёл до них

Хуячь сразу на тс тогда

Или ес6

тоесть все Http запросы в фабрику пихать ?

сервисы, фабрики, провайдеры .........и тут я приплыл

есть какие нибудь хорошие ресурсы для изучения этих вещей ?

Хуячь сразу на тс тогда

я на 2 ангуларе typeScript использую.

тоесть все Http запросы в фабрику пихать ?

Гугу

Гугу

каждый http запрос в отдельную фабрику ?

Нет, каждую сущность

Например, кастомеров

оооо....иду гуглить что такое сущность

)))

Ребята на стадии продакшена возник вопрос, есть ли чеклист или статьи по безопасности сайта написанного на Ангуляре 1.6 ? Использовал Webpack, ES6 и angular-permission. Есть подозрение что допустил много ошибок по безопастности

Может кто нибудь кто сталкивался с этим посоветует чего нибудь.

Скорее всего про безопастность нужно подумать с точки зрения бэкенда и серверной инфраструктуры. А ангуляр это фронтенд. Возможно где-то стоит избегать запросов на получение больших объемов данных и вот этого всего.

эцновоъя

module.exports = angular.module('tour.mainform', []) .component('mainForm', mainformComponent) .name;

angular.module('myApp', [ require('./mainform.component/mainform') ]) .config(appConfig) .run(appRun) ;

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

А в чем профиты модульности такой в первом ангуляре? Выглядит не очень потому что

ERROR: S client not available

писать на es6 и делать явные инклюды

Хмм, мне только let и стрелочных ф-ций бывает не хватает. Промисы ангуляровские юзаю

да, чтобы в текущем проекте написать на компонентах и уйти от $scope

Я вот тут видел что ангуляр 1 и 2 комбинировать пытаются, было бы интересно потом опыт почитать

Надо будет ещё почитать туториал по миграции, но не думаю что сразу ~7к строк кода с директивами и прочим легаси удастся мигрировать?

А как заменить $scope?

7к - да вы сударь, везунчик

А как заменить $scope?

const this = vm

7к - да вы сударь, везунчик

Угу, но чёт смотрю я на это все и всё равно думается что быстро не мигрировать

Я вот тут видел что ангуляр 1 и 2 комбинировать пытаются, было бы интересно потом опыт почитать

Посмотрите https://youtu.be/fUxAR2LNo-w?list=PLFhY29X8oDAvcBeXqPmig6T1qwKtvbpg-

Угу, но чёт смотрю я на это все и всё равно думается что быстро не мигрировать

посмотрите еще на ng-metadata

Спасибо

Посмотрите https://youtu.be/fUxAR2LNo-w?list=PLFhY29X8oDAvcBeXqPmig6T1qwKtvbpg-

тиньков? они когда-то ведь на реакт пересели

тиньков? они когда-то ведь на реакт пересели

У них часть продуктов на React. Часть на Angular (2+)

Подскажите чатик по 2 ангуляру

https://t.me/angular_ru

Ребята, если есть кто может что нибудь еще посоветовать

Ребята на стадии продакшена возник вопрос, есть ли чеклист или статьи по безопасности сайта написанного на Ангуляре 1.6 ? Использовал Webpack, ES6 и angular-permission. Есть подозрение что допустил много ошибок по безопастности

Может кто нибудь кто сталкивался с этим посоветует чего нибудь.

Может кто нибудь кто сталкивался с этим посоветует чего нибудь.

Чеклистом может послужить OWASP TOP-10 или WASCA-стандарт. Конкретно для ангуляра я рекомендаций не видел. Но я всего лишь джун :)

Думать головой при написании кода. Чеклиста как программировать любой проект в природе особо не видел - если вы только не однотипные сайты визитки шлепаете.

Спасибо

Теперь знаю направление куда идти, где искать.

да, чтобы в текущем проекте написать на компонентах и уйти от $scope

Гм. Сеттеры дают возможность уйти от $scope.$watch

Думать головой при написании кода. Чеклиста как программировать любой проект в природе особо не видел - если вы только не однотипные сайты визитки шлепаете.

GRASP Крэйга Лармана. Хороший такой хай-левел чеклист

@FolderArchive - канал, где сливают платный полезный - образовательный контент и курсы, например можно скачать курсы "Нетологии" или все курсы "Бизнес Молодости".

У меня чутка оффтопа, занимаюсь фуллстек разработкой, но в плане верстача - практически ноль. Подскажите годный курс/гайд, но не слишком углублённый. Чтобы просто понимать.

Тебе чисто верстать статику?

Ну да. Иногда приходится подверстывать и трачу на это больше времени, чем на написание кода

Мне кажется в этом деле нужна просто практика. Верстаешь, сталкиваешься с проблемами, решаешь их медленно вникая в доку и подглядывая у популярных решений на стековерфлоу, верстачные решения откладываются в голове очень быстро(может только у меня). Ну вот месяцок так посидишь над вёрсткой подолгу, будешь готов верстать все что угодно. Ну а потом и скилл подрастёт по мере эксплуатации написанного ибо время кажет что хуево написано, что нормально.