Nikolay
modules, через webpack
Anonymous
тогда мне сложно представить ситуацию когда не видит) ты же сам его импортишь где надо
Vlad
протестируйте пожалуйста
Vlad
http://unit9.482.solutions/#/room
Cocker
Работает
Serhii
Serhii
Показывает
Nikolay
а что дальше с кругом то?
Nikita
доброго времени суток =) #whois по традиции друппы: я роботаю в http://maginfo.com/ специализируюсь на spa на angular1 и react чем я могу быть полезен сообществу я пока незнаю, а я жажду познания =) я Магнитогорска но это врятли имеет значение про группу я узнал из доклада Алексей Охрименко «S.O.L.I.D-ый JavaScript»
Serhii
👋
Дима
А можешь, пожалуйста, показать исходники? Мы тут рефакторим фронт одного приложения на ангуляре 1 и я вот думаю над тем чтоб или переманить заказчика на риакт или сделать свой аналог на ангуляре, было бы круто посмотреть на твою реализацию
Код у работодателя остался. Там смысл в том, что абсолютно все данные обновляешь и получаешь строго через один сервис, внутри которого при dispatch происходит копирование дерева с новыми данными, после чего любые компоненты для любых вложенных данных можно рендерить через лёгкий watchCollection единственного основного списка
Дима
Кстати, redux не завязан на реакте, стоит попробовать его привязать к ангуляру
Дима
По крайней мере отладка сразу стает проще)
Ilya 🃏
Народ, никто не сталкивался с проблемой, при использовании vinyl-ftp: иногда процесс выгрузки на сервер зависает на операции PUT. После чего, даже перезапуск gulp никак не помогает, приходится ждать минуты 2-3, пока само не пройдет)
Cheslav
всем привет) это самый главный русский чат по ангулару? чего так мало народа?) хотел спросить по сборке ангулара, какой нибудь boilerplate, сам пришел с реакта)
Kool
Есть множества
Cheslav
много чего всегда есть
Cheslav
мне что нибудь простое/стандартное для начала
Cheslav
и если можно еще какой нибудь проектик простой с кодом на гитхабе)
Cheslav
чтобы посмотреть как правильно допусти файлы разделять и тд
Anonymous
Sup. 1. Где работаю не скажу, проект сейчас фулстек ктулху прямиком из 2010-2011 на рельсах, нокауте и жк 😭😭😭 2. Ангуляр первый вроде знаю. До второго пока не добралась т.к. между нами стеной встали нокаут и реакт. Ну и всякое вроде сасс, ес6, гульпа, вебпака (немного, увы) знаю. 3. Фз 4. Не знаю. Прост поговорить. 5. Не дс. 6. Увидела на скриншоте одного человека в жс джобс и нашла в гугле. #whois
Anonymous
всем привет) это самый главный русский чат по ангулару? чего так мало народа?) хотел спросить по сборке ангулара, какой нибудь boilerplate, сам пришел с реакта)
Недавно решила сделать какой-нибудь простой проектик на ajs 1 в es6+ синтаксисе с вебпаком. Пока моя лень позволила мне лишь понять как переписать основные элементы вроде сервисов, фильтров, директив, контроллеров в "это типа компоненты" стиле. Если интересно - https://github.com/wop-wops/angular_1.x_ES6 , лол.
Дима
Нельзя сесть одной попой на два стула 😄 Зачем два разных типа экспорта сразу?
Дима
Как тогда лучше?
export default class
Michail
ну можно по разному: можно в main.js который вебпак собирает все импортировать
Дима
Ну это не es6+ синтаксис тогда
Дима
Да и зачем
Michail
es6 синтактсис и ангуляр синтаксис это местами 2 разных вещи и мне тут надо прежде всего чтобы ангуляр работал
Anonymous
export default class
Но зачем делать лапшу вроде
Anonymous
А, блин, веб версия не умее тв энтеры
Michail
ну там не лапша можно сервисы в services.js и так далее
Дима
А, блин, веб версия не умее тв энтеры
Она кстати на первом ангуляре🙃
Michail
я что то пропустил - что за веб версия? чо за ТВ ЭНТЕРА ??
Anonymous
А в чём цимес делать что-то вроде angular.module("app") .controller("SomeCtrl", SomeCtrl) .filter("SomeFilter", SomeFilter) .directive("uselessDir", () => new uselessDir)
Anonymous
я что то пропустил - что за веб версия? чо за ТВ ЭНТЕРА ??
веб версия телеграммы. Несмотря на настройки отсутствует возможность перейти на новую строку
Anonymous
Что enter, что ctrl+enter
Michail
ок) спсб
Дима
У тебя кстати не правильный подход к es6
Michail
Это плохо?
ну вот - модулю Б не нужен сервис из модуля А
Michail
Уже нет же
ты про А2 ?
Дима
1
Michail
вернее А 1.5
Дима
1.5+
Дима
Да, про него)
Michail
1.5+ все же
Michail
но можно продолжать писать НЕ-es6 с А 1.1-1.5 - например если проект большой и легаси
Michail
у меня сплошь такое
Anonymous
ну вот - модулю Б не нужен сервис из модуля А
Если писать как в посте что я сейчас форвардну, и представить что это модуль А, то у модуля Б такая же ситуация будет, нет?
Anonymous
А в чём цимес делать что-то вроде angular.module("app") .controller("SomeCtrl", SomeCtrl) .filter("SomeFilter", SomeFilter) .directive("uselessDir", () => new uselessDir)
Дима
Но зачем делать лапшу вроде
https://github.com/wop-wops/angular_1.x_ES6/blob/master/app/states/buy/buy.controller.js#L9 Инжект не нужен, $scope строго deprecated
Anonymous
И правда
Дима
И правда
class PlotController { get points() { return [{x:0,y:0}] } constructor(data) { let plot = this console.log('PlotController %o', plot) } } app.controller('PlotController', PlotController) <div class="my-plot" ng-controller="PlotController as plot"> {plot.points} </div>
Дима
Принцип сейчас такой
Anonymous
Что enter, что ctrl+enter
Напиши юзерскрипт. Пять минут.
Anonymous
Даже минуты 2,5.
Дима
Причем вообще этот класс был написан на typescript, я сейчас из него типы вырезал для примера)
Anonymous
Зачем пачкать котика в тортике?
Anonymous
Зверство же.
Anonymous
Принцип сейчас такой
Сеттеры, геттеры... Что-то я не совсем понимаю как их можно применять.
Anonymous
Ну, точней я понимаю что они делают и для чего они нужны. Но я не очень понимаю их в контексте ангуляра о.О
Дима
Спрятать в классе всю логику получения каких-нибудь данных, там может я этот массив точек на ходу склеивать буду, а может по интернету получать, это один из методов безболезненно скрыть эти расчеты
Дима
Это всего лишь пример, главное здесь то, что контроллер — это и есть сам класс
Дима
Без посредников и скоупов
Дима
Так мы напрямую объединяем модель классов es6 и подход ангуляра
Anonymous
Хм. То есть надо, по идее, скажем, какой-нибудь сервис с запросом поместить в геттер и так будет лучше?
Anonymous
( это бесподобное ощущение себя тупой )
Дима
Да не обязательно их использовать если не знаешь, потом понятней станет) Обычные методы класса ничем не хуже, get points() — это чтобы писать в шаблоне plot.points а не plot.points(), не забивая себе голову сведениями где у меня там данные с функцией
Anonymous
Это поняла, да. (и даже сделала, лол). но что если надо передать в запросе какую-то информацию из контроллера? Обычно я делала что-то вроде ```let header_info = { name: "Name" }; $_someFactory.getSome(header_info) .then((data) => {}) .catch((data) => {})```
Anonymous
Да зачем, это нужно, писать на es6 на ангуляре?
Anonymous
Блин. Как тут код вставлять номрально?(
Anonymous
`
Anonymous
По бокам.
Anonymous
По три для многострочных.