@angular_js

Страница 184 из 325
Valeriy
21.09.2017
11:44:04
у тебя есть сервер, что сможет раздать по url файл c папки node_modules?
Указать где шаблон лежит не проблема. Это делается несколькими способами. Вебпак собирает всё из node_modules, а внутри моего кода уже есть шаблоны внутри $templateCache, либо они берутся из моих шаблонов, т.к. их подхватывает вебпак по зависимостям require, либо относительный урл, который выставляет веб-сервер наружу. Проблема в парсинге(интерпретации) шаблона внутри angular ui botstrap

сейчас вынужден курить issues на их репе. https://github.com/angular-ui/bootstrap/wiki/FAQ https://github.com/angular-ui/bootstrap/issues?page=2&q=is%3Aissue+template-url&utf8=%E2%9C%93

<script id="test.html" type="text/ng-template"> нашёл ещё один вариант подключения шаблонов https://github.com/angular-ui/bootstrap/issues/4928

Igor
21.09.2017
12:45:45
ребят, как кто реализовывал 404 страницу при вводе неправильного урла? использую ui-router

Google
Igor
21.09.2017
12:45:56
точнее не страницу, а переход на неё

Valeriy
21.09.2017
16:03:14
Вроде разобрался с template-url. У меня фаерфокс ноускрипт блочид планкер, там если кликнуть в доках на кнопке открывается пример живой, где есть шаблон и стили. Нужно шаблон оборачивать в <script type="text/ng-template" id="group-template-1.html">

но всё равно в планкере работает, а в проекте - нет. Тут хотя бы понятно где копать

https://plnkr.co/edit/ixiRRqYc227yxhpA3l1P?p=preview

Sergei
21.09.2017
17:10:13
Добрый вечер всем. как можно решить подобную задачу? <div ng-repeat="day in $ctrl.week"> <div ng-repeat="event in $ctrl.getDayEvents(day)"> ... </div> </div>

Igor
22.09.2017
08:54:14
кто-то работал с ui-mask на input для телефонов?

Nikolai
22.09.2017
08:56:25
да

Valeriy
22.09.2017
09:47:11
нашл причину. Нужно / добавить перед названием шаблона https://docs.angularjs.org/api/ng/directive/script т.е. <script id="/test.html" type="text/ng-template">

Igor
22.09.2017
12:32:04
да
почему когда я не доконца ввожу данные в поле телефона и перехожу на следующее поле, данные с поля телефона затираются?

Nikolai
22.09.2017
12:32:32
Потому что валидацию не проходит

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

Igor
22.09.2017
12:43:14
Надо делать allow invalid в ngModelOptions
ой, я проверю этот вариант, спасибо

Google
Alex
22.09.2017
12:44:26
Парни, всем привет. Нубский вопрос. Как запретить переход с определенной страницы приложения на другую страницу? Чтобы конкретно с этой страницы, при клике на какую-либо ссылку всплывало предупреждение "Если вы закроете вкладку - трансляция закончится"

Alex
22.09.2017
13:04:12
Bauyrzhan
22.09.2017
13:05:03
можешь просто именно в этом контроллере обрабатывать клики-переходы через confirm а там уже через $state.go

Ruslan
22.09.2017
14:14:51
Всем привет

Нужна небольшая помощь, с таблицами и сортировками

ngTable рисует табличку, значения могут быть null

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

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

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

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

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

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

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

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

Ilya
23.09.2017
09:12:55
В чем именно проблема? 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' }]) }

Amirkaaa
23.09.2017
10:10:12
Вот мой пример реализации

Google
Amirkaaa
23.09.2017
10:10:18
{ 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')()]; } } }]},

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

Amirkaaa
23.09.2017
10:14:24
https://www.youtube.com/watch?v=zFoBYfMLUCM&feature=share

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

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

Igor
23.09.2017
12:43:39
Надо делать allow invalid в ngModelOptions
сделал, это мне не помогло

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

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

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

Ilya
23.09.2017
20:37:55
Так поделись, интересно же)

Igor
24.09.2017
07:45:12
решение проблемы выше у Николая, я его раньше нагуглил

Pavel
25.09.2017
05:59:28
Ребята, доброго времени суток, вопрос: есть ли какие то особенности в сравнении обьектов в $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 плюсов)

Google
Pavel
25.09.2017
06:22:32
ап

Nikolai
25.09.2017
06:37:41
можно использовать angular.equals

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

- solved

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

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

Admin


Alexey
25.09.2017
08:29:48
спс!

Maksim
25.09.2017
08:49:45
подскажите как выделить код чтобы более читабельно было в телеграмме?

Pavel
25.09.2017
08:49:54
ёёё код ёёё

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

Maksim
25.09.2017
08:50:08
есть проект с минимизацией кода, локально все работает, а на серваке минимизация происходит не правильно, обратился к докам 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 подскажите как решить?

Alexey
25.09.2017
09:03:34
разве ‘lcoationProvider’ и ‘translateProvider’ не должны тоже начинаться с $?

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

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

Maksim
25.09.2017
09:05:39
подскажите еще, сделал я это все для .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 ?

Nikolai
25.09.2017
09:39:30
переводы откуда берутся?

Google
Nikolai
25.09.2017
09:41:05
а, или там просто не рендрится?

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

Nikolai
25.09.2017
09:52:27
если не рендрится, в консоли должна быть ошибка по идее

Maksim
25.09.2017
09:55:13
если не рендрится, в консоли должна быть ошибка по идее
https://docs.angularjs.org/error/$injector/unpr?p0=userApiServiceProvider%20<-%20userApiService%20<-%20registrationCtrl

Nikolai
25.09.2017
09:57:18
попробуй $inject до функции написать

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

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

Maksim
25.09.2017
10:00:50
нет, не помогает

Nikolai
25.09.2017
10:01:55
сборка для локального и сервера отличается?

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

Nikolai
25.09.2017
10:10:33
можно деньгами

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

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

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

Nikolai
25.09.2017
10:48:03
$scope.trulala.$$controls

Страница 184 из 325