У уи-роутера есть события онстарт и онэнтер. В первом ставишь loading=true, во втором false гифку вешаешь на loading

круто

Привет! пробую переползать на webpack/typescript. Но есть проблема - Module 'app' is not available! angular.init.ts: console.log('hive bootstraped!'); angular.module('app', [ 'app.old', ]); Почему эта сволочь не бутстрапится? Даже console.log не отрабатывает. В сгенеренном файлике есть этот код: /***/ "./resources/assets/custom/es6/angular.init.ts": /***/ (function(module, exports, __webpack_require__) { __webpack_require__("./bower_components/angular/index.js"); angular.module('hive', [ 'app.old', ]);

а нах бовер при этом?\

+ не вижу import angular

bower-ом скачан ангуляр

import * as angular from angular пробовал добавлять - то же самое

или надо angular как-то по-другому подрубать?

бовер не нужен

т.е. он вообще не должен подгружаться? Подключаемые либы на js поймут это?

обычно два файла формируют vendors.js - там зависимости приложения. angular, например, и все остальное app.js - там само приложение

и bower не нужен, все пакеты с bower есть в npm

Как-то давно был бовер, остался. Пробовал избавиться от него - не все нашёл. Спасибо, буду пробовать убить bower

для построения html index файла плагин использовать нужно new HtmlWebpackPlugin({ template: './index.pug', inject: 'body', hash: true })

он автоматом заинжектит на страницу все js файлы

у меня на pug настроен, но можешь использовать там любой файл главное что бы лоадер был

так же контекст можно настроить, что позволяет рут каталог с исходниками задавать context: path.resolve(__dirname, '../src')

В том то и дело, что индекс сейчас на сервере генерится и фронт в репе с бэком. Бэк генерит уникальное имя и подставляет его в подключаемый файл

Мечтаю перейти на 2 ангуляр, убрать весь бовер и отделить фронт в отдельную репу)

Но кода много(

так а в чем проблема?

код вебпаком собирай и никаких тебе проблем

или бэк у тебя раздает статику?

Бэк генерит индекс статику

и еще всякие переводы/роуты

для апи

зачем?

Зачем переводы и роуты? разбери на два отдельных проекта

и не парься

чтобы переводы и роуты хранились в одном месте. есть мобильные клиенты, у них тоже должны быть те же самые переводы. Но не в этом суть, сейчас подключить ngUpgrade, а для этого нужно бутстрап ангуляра вынести в typescript как минимум + перейти на вебпак с галпа

вот с вот этого объединения проектов и начинаются много проблем)

а что за ngUpgrade? Что то типа ng-metadata?

По желанию, по поводу webpack простучи в личку Скину свой конфиг для него

а что за ngUpgrade? Что то типа ng-metadata?

ага, только в ngUpgrade компоненты, написанные на ангуляре 2-4 работают на ангуляре 2-4)

а зачем он к первому ангулару тогда?

а зачем он к первому ангулару тогда?

чтобы постепенно перейти на 4-й

непонятки)

что непонятно?)

объяснение твое не понял. Это, типа, две разных версии ангулара в одном проекте будет? Кошмар же)

объяснение твое не понял. Это, типа, две разных версии ангулара в одном проекте будет? Кошмар же)

Это рекомендации по переходу из документации) Нельзя вот так просто взять и тонну компонент перевести на свежий ангуляр. Постепенно обновлять по компонентам, а потом просто отключить 1-й

А с первым мне код нравится, но он тормозит из-за digest

Понял, почитаю, спасибо

Что то провтыкал эту документацию

https://angular.io/guide/upgrade

Спасибо!

чтобы переводы и роуты хранились в одном месте. есть мобильные клиенты, у них тоже должны быть те же самые переводы. Но не в этом суть, сейчас подключить ngUpgrade, а для этого нужно бутстрап ангуляра вынести в typescript как минимум + перейти на вебпак с галпа

Можно без вебпака

Галп медленнее)

Возможно, а какие ещё профиты перехода на вебпак если у тебя гибридное приложение?

Скорость и лоадеры, чтобы обрабатывались js и ts и видели друг друга без проблем

В gulp это 2 отдельных таска

А вообще, используем laravel-elixir, от бэка досталось

Теперь уже laravel-mix

Привет. Есть что-то годное наподобие ui-resizable?

Здравствуйте. Как фиксить анимацию переходов между страницами ? Например у меня есть 2 страницы и на них по 1-ой форме. Когда перехожу с одной страницы на другую - сначала прогружается новая форма - потом скрывается старая и из-за этого бывают глюки

есть ли профит в использовании component вместо directive ?

Не вместо директив, а иногда и совместно с директивами. Это просто компонентный подход

спасибо

Всем привет. Не могу победить кроссдоменный запрос, нужна помощь. есть приложуха на домене https://site.company.com пытаюсь отправить пост запрос через $http.post("https://api.company.com", ...) но по консоли видно, что запросы отправляются на https://site.company.com/api.company.com и соответственно всегда получаю 404. при заходе на сайт с http, а не https, проблема не наблюдается

в какую сторону копать хоть?

Редирект же, не?

не, прям из браузеры почему-то клеится урл апи к урлу приложухи

хотя урл для апи даю полностью, с протоколом

А курлом?

курлом все работает) вопрос - почему при использовании $http клеятся урлы)

Здравствуйте. Как фиксить анимацию переходов между страницами ? Например у меня есть 2 страницы и на них по 1-ой форме. Когда перехожу с одной страницы на другую - сначала прогружается новая форма - потом скрывается старая и из-за этого бывают глюки

$animateProvider.classNameFilter(/animate/);

парни, есть кто не спит? как button сделать disable/enable в зависимости от ng-if ?

парни, есть кто не спит? как button сделать disable/enable в зависимости от ng-if ?

ng-disabled="expression();"

в экспрешшн могу передать ng-model?

тип, если есть, то показать

Ничего не понял)

ща-ща

То же выражение, что и в нг-иф, которое возвращает булевое значение

да

Это утверждение было)

я понял)

т.е.

<label>Click me to toggle: <input type="checkbox" ng-model="checked"></label><br/> <button ng-model="button" ng-disabled="checked">Button</button>

кнопка будет деактивирована, если ng-model checked определена и инициирована

если она true, грубо говоря

т.е. кнопка деактирована если checked=true

Ага