Я так и не научил vscode подхватывать из проекта файлы, как и angular2 он автоматом не умеет дополнять в import. И фиг поймешь в чем там дело. Никто не сталкивался?

А так работать там вполне приятно, но без умного автокомплита это не вариант работать

Там автокомплит адекватнее вебшторма

Он у меня сейчас такую пургу делает

Ну или я ленив и не донастроил

Так он умеет import сам строить?

webstorm в этом смысле вообще не нужно настраивать, он все сам

Если умеет, то как можно построить typings из @angular?

Кто? Вскод?

Там в альфа версии была кнопка с глазом, она импортила

Там имя пишешь и она испортит

Импортит

Это было месяца два назад

Может уже допилили и в стабильную версию

Засунули

Поищи глаз слева снизу)

Ну это бредово как-то

ChangeDetectionStrategy не нашел (

Ну жить как-то можно

У меня nightly

найтли там нет, она инсайдерс называется

она с зеленым лого

стабильная с синим

Ну, да, инсайдер

Оно умеет в автоимпорт вообще?

Просто вот это optimize imports делает extension

Ребят, подскажите как сделать кнопку "назад" в роутах

Auto import в VSCode https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

Пж)

Ребят, подскажите как сделать кнопку "назад" в роутах

https://angular.io/docs/ts/latest/api/common/index/Location-class.html либо напрямую через Location - this.location.back() либо через Router - this.router.location.back()

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

Auto import в VSCode https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

Вот не подхватывает он файлы, не могу понять почему. Думаю проблема в tsconig

Локальные или из node_modules?

Никакие

Т.е. если ручками прописать, то он их видит, и optimize imports делается для многих, а вот этот auto ничего не видит

да - плагину нужен tsconfig.json скорее всего..

Он у меня есть

Естественно

Но что-то вот в его настройках наверное ему ненравится

Странно с tsconfig.json у меня все работает как часы :(

А можешь для примера скинуть мне его?

{ "compilerOptions": { "module": "commonjs", "sourceMap": false, "experimentalDecorators": true, "emitDecoratorMetadata": true, "moduleResolution": "node", "isolatedModules": false, "declaration": true, "noImplicitAny": true, "noLib": false, "watch": true, "removeComments": true, "outDir": "./dist/ts" }, "filesGlob": [ "e2e-objects/**/*.ts", "tests/e2e/*.ts", … ], "files": [ …. "typings/index.d.ts", "node_modules/inversify-dts/inversify/inversify.d.ts" ] }

Ты на лету его компилишь?

ну да ( но это скажем так не из angular-cli ) кстати - попробуй angular-cli сгенерировать свежий и протестировать на нем

да, это хорошая идея

Да, появляется лампочка. А как ее с клавы вызывать?

Да, появляется лампочка. А как ее с клавы вызывать?

сори сам неадавно им началь пользоваться

Да, нужно разбираться

Вот в декораторы оно совсем не умеет (

Ну хоть тот автоимпорт работает

Вы о vscode?

слышал хорошее, но не использовал, стоит бежать?

в мак - CMD+.

в винде - Ctrl+.

@imload отличная херь

слышал хорошее, но не использовал, стоит бежать?

Для ангуляр2 и TS - идеально!

и для ноды тоже не плохо полноценная иде, без тормозов

в некоторых местах - быстрее Sublime

ок спасибо ) в Atom плагин typescript ужасная вещь, в sublime не радует, вообще решил IDE какую нибудь использовать, но смотрел в сторону webstorm

вроде как improved A2 support

Webstorm - просто тормоз.. щас накидаю список плагинов для VSCode

Если vsc лучше, зачем платить больше )

https://marketplace.visualstudio.com/items?itemName=Compulim.vscode-express https://marketplace.visualstudio.com/items?itemName=Compulim.vscode-ipaddress https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig https://marketplace.visualstudio.com/items?itemName=Pendrica.Chef https://marketplace.visualstudio.com/items?itemName=PeterJausovec.vscode-docker https://marketplace.visualstudio.com/items?itemName=Telerik.nativescript https://marketplace.visualstudio.com/items?itemName=adambaldwin.vscode-nsp https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint https://marketplace.visualstudio.com/items?itemName=donjayamanne.python https://marketplace.visualstudio.com/items?itemName=eg2.tslint https://marketplace.visualstudio.com/items?itemName=felixfbecker.php-debug https://marketplace.visualstudio.com/items?itemName=felixrieseberg.vsc-travis-ci-status https://marketplace.visualstudio.com/items?itemName=fknop.vscode-npm https://marketplace.visualstudio.com/items?itemName=joelday.docthis https://marketplace.visualstudio.com/items?itemName=johnpapa.Angular2 https://marketplace.visualstudio.com/items?itemName=lukasz-wronski.ftp-sync https://marketplace.visualstudio.com/items?itemName=mkaufman.HTMLHint https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-csscomb https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome https://marketplace.visualstudio.com/items?itemName=robertohuertasm.vscode-icons https://marketplace.visualstudio.com/items?itemName=samverschueren.yo https://marketplace.visualstudio.com/items?itemName=steoates.autoimport https://marketplace.visualstudio.com/items?itemName=vsmobile.vscode-react-native https://marketplace.visualstudio.com/items?itemName=wcwhitehead.bootstrap-3-snippets https://marketplace.visualstudio.com/items?itemName=whatwedo.twig https://marketplace.visualstudio.com/items?itemName=wholroyd.jinja https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case https://marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

у меня импорт заработал, но странно )

import { Input } from '"@angular/core"';

И так странно работает только для декораторов, странно

Ребзя, ребятушки, ребята. Есть что-то такое, типа отличия первого ангуляра от второго или они таки настолько кардинальны, что в этом и смысла нет? Работал только с первым, а на пятницу надо иметь обзорное представление про второй на фоне первого.

Ну в плане адекватных статеек, етц

Мигрировать с 1го на 2й можно. Путем переписывания кода фиг знает насколько процентов

они разные абсолютно. Внешне похожи немного синтаксисом директив

Но мое мнение назвать сейчас сложно сверх авторитетным, я в процессе глубокого ковыряния сам чтобы осознать маштаб миграции

я же правильно понял, что вопрос на самом деле в том, сколько усилий потребуется переехать с 1го на 2й?

Ноуп, скорее пока только представлять отличия второго от первого, если их все ещё уместно сравнивать

неуместно

Оки, понял

Не все еще спят? Нужна помощь по сервисам?

А что там с сервисами?

Или тебе нужна помощь?

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

есть у кого последний ngbook2 ?

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

Для начала - нету "правильно" :) Правильно - это когда работает стабильно, достаточно быстро для твоих задач, не вызывает дальнейших проблем разрабоки и устраивает тебя по коду. Все остальное - субъективщина и поводы для споров в свободное время. В спорах рождается истина, и все такое, но споры не делают продукт. Ну это лирика. Вообще да, я бы сделал отдельный сервис который доступен глобально синглтоном (собственно дефолтный вариант, для этого ничего не нужно делать, только пропихнуть в бутстрап приложения), и этот сервис бы хранил список всех объектов добавленных в корзину. Я бы хранил там не только ID, а все объекты - чтобы не запрашивать их на странице корзины еще раз. PS: Не очень понял что та с сервисом который принимает список товаров и передает id роутеру - звучит как-то "странно" (помни ремарку выше :) )

есть у кого последний ngbook2 ?

Кстати тоже интересно. Я было купил в один момент, но потом понял что и без него все понятно. Теперь покупать жалко, но лишним бы не было

Спасибо, кажется понял. Сервис берет объект, присваивает ему id, а затем пробрасывает его в роутер, формируем ссылку с id, по хорошему вместо id должно быть имя объекта (в моем случае это название товара). Я прохожу курс на udemy и заодно делаю свое приложение, автор курса постепенно наращивает функционал и скорее всего он реализует это когда подключит бд. Но я сильно отошел от его приложения и пробую сделать каталог товаров с добавлением товаров в корзину, затем хочу попробовать сделать админку.

Хотя, сейчас подумал а что мне мешает уже сейчас вместо id формировать нормальную ссылку )

Все равно не догоняю. В моем мозге подобное работает так: Переход по ссылке -> из нее берется ID -> из сервиса товаров запрашивается товар с таким ID -> этот товар отрисовывается

Кликнули добавить -> этот товар попал в сервис корзины -> рисуем на каждой странице Count() (ну типа всего товаров), на странице корзины вытаскиваем все из сервиса корзины и рисуем.

Ну или альтернативно - вытаскиваем из сервиса корзины ID, запрашиваем их и рисуем.

Наоборот получается, отрисовываем список, когда тыкаем в товар то берется из массива обектов теущий обьект и по значению обекта в массиве например он там 3 делаем :id 3

хотя когда я это написал звучит довольно странно но работает неплохо)

это сервис не корзины а именно текщего товара

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

Можно передать ID в роуте

Можно передать ID как параметр компоненту

возможно, но видимо это дальше по курсу сделают.

Еще вопрос есть, когда мы поднимаем приложение с angular-cli, создается папка shared, я правильно понимаю что те сервисы которые мы прокидываем через bootstrap должны там храниться?

Это вопрос организации структуры. Есть стайлгайд на эту тему + сам ангуляр кли скафолдингом рулит структурой немного