Search the Community

помогите пожалуйста разобраться с установкой fancybox через bower в проект на angularjs я нашёл модель fancyboxes здесь . на это страничке написано, что нужно ввести: $ bower install FancyBoxes я это сделал. затем прописал его в bower.json: { "name": "angular-campus-app", "dependencies": { "FancyBoxes": "", "angular": "^1.5.5", "angular-material": "^1.0.7", "angular-ui-router": "^0.2.18", "angular-sanitize": "" }, "overrides": {} } затем добавил его в основной модуль так: angular.module('app', [ 'ui.router', 'ngSanitize', 'ngAnimate', 'FancyBoxes', 'app.config', 'app.directives', 'app.filters', 'app.services', 'ngMaterial', 'app.controllers' ].concat(pageOptions.map(function(e){return e.id}))) после этих действий приложение вообще перестало запускаться. в консоли браузера сообщение такое:

В компанию Wiley приглашается Senior JavaScript developer. Требования: - техническое образование; - знание английского языка на уровне не ниже Intermediate; - опыт работы по специальности от 3 лет; - опыт работы с JavaScript, CSS, Node / Grunt, BackboneJS, ReactJS, AngularJS, dotCMS. Обязанности: - проектирование и реализация веб интерфейса для распределённых многопользовательских систем корпоративного уровня; - использование web и JavaScript технологий: CSS, Node / Grunt, BackboneJS, ReactJS, AngularJS, dotCMS. Условия: - оформление согласно трудовому законодательству и «белая» заработная плата; - фиксированная оплата труда, премирование по результатам работы за полугодие; - размер заработной платы обсуждается с успешными кандидатами, по результатам собеседования; - периодическая индексация заработной платы; - корпоративная программа добровольного медицинского страхования; - корпоративные курсы английского языка; - стабильность; - благоприятное офисное пространство; - иногородним кандидатам компенсируем стоимость проезда до Москвы; - помогаем в быстром поиске жилья и обустройстве на новом месте. Место работы: Московская обл., г. Королев График работы: пятидневная рабочая неделя, занятость полная. Перед собеседованием соискателям, возможно, будет предложено выполнить тестовое задание. Контакты для связи: itincorp@gmail.com +7 916 072 29 58 Skype: valeriya390 Валерия

В IT компанию (разработка ПО) приглашается Frontend developer. Требования: - знание JavaScript, jQuery, AngularJS или BackboneJS; - знание и понимание HTML5 технологий; - знание ReactJS (как преимущество); - умение верстать кроссбраузерные адаптивные страницы; - понимание современных тенденций в области Front-end разработки; - опыт работы с Grunt / Gulp, SCSS и другими инструментами; - опыт работы с системами версионирования; - владение английским языком (чтение документации). Обязанности: - создание SinglePage Application разного уровня сложности; - реализация интерфейсов по макетам дизайнеров; - оптимизация существующих приложений. Условия: - оформление согласно трудовому законодательству и «белая» заработная плата; - размер заработной платы обсуждается с успешными кандидатами, по результатам собеседования; - пятидневная рабочая неделя, график работы с 9 до 18 часов, - офис расположен в историческом центре города; - возможности для роста и обучения. Контакты для связи: E-mail: itincorp@gmail.com Skype - valeriya390 Тел.: +7 (916) 072 29 58 Валерия

Доброго времени суток, частично выполнил задание предложенное на форуме. Сам сайт. Исходник тут. Там же чуть больше деталей об этом проекте, не буду повторяться. Сразу отмечу, что не придерживался ТЗ доскональна, так как это учебная верстка, а ТЗ ставило рамки и задачи не подходящие под мои цели. Специально и сразу не соблюдалась поддержка IE8, так как AngularJS давно прекратил его поддержку(все замечательно работает под IE9), так же мне не очень понравилось качество макета, поэтому раз деньги мне все равно не заплатят, я решил не грузится подгонкой пикселей . Было сделано 3 представления сайта, заместо 4, так как этого вполне достаточно, возможно я и не прав, но спорить было не с кем, а учебного интереса эта работа не представляла. Прошу обратить внимание на AngularJS, если среди вас окажется человек хорошо разбирающийся в вопросе, я буду безмерно рад любому вашего комментарию, пожалуйста, не оставайтесь равнодушным. Спасибо господину klierik за Ваш труд.

Как настроить angular-gripster, чтобы убрать Z-слои и наложение изображений друг на друга? Сейчас, если изображения большие, они накладываются друг на друга. Настройки, видимо, находятся в $scope.gridOptsИ еще не срабатывает resizable: { enabled : false }все равно можно растягивать изображения. Есть официальный демо-пример, там ресайз каким-то образом отключается. Мои текущие настройки (из демо-примера): $scope.gridsterOpts = {margins: [20, 20],outerMargin: false,floating: true,pushing: true,draggable: {enabled: true},resizable: {enabled: false,handles: ['n', 'e', 's', 'w', 'se', 'sw']}}Необходимо, чтобы изображения не накладывались друг на друга, т.е. учитывался их реальный размер, и они просто располагались рядом; чтобы не было возможности ресайза при помощи растягивания изображений за угол. И была возможность перемещения. Сейчас изображения перемещаются нормально, но накладываются друг на друга, и все равно доступен ресайз. Обновление: После добавления к html-блоку div, в котором находятся все изображения, опции <div gridster="gridsterOpts"> ресайз выключился. Осталась проблема наложения друг на друга изображений.

Всем привет! Не так давно я задавал вопрос по поводу связывание внутри ng-repeat. Проблема была в том, что внутри блока с ng-repeat angular создает собственный scope для переменных внутри него и никак не привязывает их к переменным в scope контроллера. Вот пример кода представления: <li ng-repeat="item in items"> <div>{{item.name}}</div> <input ng-model="newItemName"></li>Не смотря на то, что в scope контроллера есть переменная newItemName, она никак не связана с той, что используется в input. Проблему я решил следующим образом: <li ng-repeat="item in items"> <div>{{item.name}}</div> <input ng-model="$parent.newItemName"></li>Таким образом angular не создает собственный экземпляр newItemName, а привязывает к переменной в scope контроллера. Но, когда я решил вынести эту лишку в отдельную директиву, почему-то такой подход перестал работать (angular больше не привязывает эту переменную к той, что находится в scope контроллера), не смотря на то, что в свойстве scope директивы стоит true. Не подскажете, как решить эту проблему?

Всем привет! Интересует вопрос по создания многопользовательского приложения на AngularJS совместно с Firebase. Имею представление о том, как с ней работать, как сделать регистрацию и авторизацию, но не знаю, как лучше организовать структуру хранения данных. Приложение - простенький todolist с набором списков задач. Нужно, чтобы у каждого пользователя был свой набор списков и задач соответственно. Как лучше все это оформить, чтобы получение нужных данных не было слишком трудозатратным? Под каждого пользователя при регистрации создавать свой объект, в котором и хранить массив его списков или может как-то иначе? Был бы рад услышать мнение тех, кто уже сталкивался с подобной задачей или получить пару ссылок на статьи, если у кого-то вдруг завалялись=)

Всем, привет! На днях столкнулся с такой вот проблемой: Есть у меня объект task, одно из полей которого меняется при клике пользователя по кнопке. Этот самый task содержится в 4 разных массивах. То есть в каждом из этих массивов есть элемент ссылающийся на на этот самый task. Один из этих массивов мне нужно синхронизировать с firebase. Вот собственно код: var taskIndex = $scope.findTask(taskId), currentProject = $rootScope.projects[$rootScope.selectedProjectIndex], realProject = $rootScope.projects[findProject(projectId)];if (currentProject.tasks[taskIndex].done) { currentProject.tasks[taskIndex].done = false;} else { currentProject.tasks[taskIndex].done = true;}$rootScope.projects.$save(realProject);После изменения task внутри currentProject изменяются еще 2 объекта из других массивов, а объект task в realProject не изменяется. Если убрать последнюю строку кода, то все работает, но не сохраняется в firebase. Причем при первом клике все стабильно и все везде меняется. А при всех следующих три массива, которые не взаимодействуют с firebase работают отдельно от того, что с ней взаимодействует. Понял, что после сохранения объект task в массиве realProject изменяется. Потому что до сохранения он равен(===) экземпляру из других массивов, а после нет. Кто-нибудь знает как решить эту проблему?

Всем привет! Требуется помощь с особенностями AngularJS. С особенностями связывания(ng-model) внутри директивы ng-repeat. На сколько я понял, при таком использовании возникают какие-то дочерние scope, которые никак не связаны со scope контроллера: <div ng-repeat="item in items"><input type="text" ng-model="myVar"/></div>Вопрос, собственно, в том, как все-таки связать в данном случае input'ы всех div'ов с перменной myVar? Нашел статью на хабре: http://habrahabr.ru/post/223529/ И вопрос на Toster'е: https://toster.ru/q/191877 Но так и не понял как применить эти знания в моем примере. Поскольку там идет речь о привязке элементов массива (или свойств элементов) к их экземплярам в scope контроллера. А в моем случае просто переменная, которая никак не связана с элементами массива.

...как выяснилось angular 1.3 не поддерживает ie8. скажите пожалуйста такое подключение: <!-- angular --> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <!--[if lte IE 8]> <script src="https://code.angularjs.org/1.2.9/angular.min.js"></script> <![endif]--> можно использовать в принципе? не повлечёт ли это каких-нибудь неочевидных на первый взгляд проблем? работать то работает, но мало ли? или есть более культурный способ?

помогите пожалуйста разобраться в ситуации при помощи angularjs навесил на форму валидацию. в целях отладки каждое действие сопровождается выводом в консоль сообщений: briefApp.directive('nameValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('name', function(value){ console.log(11111); console.log($scope.brief_form_new.name_new.$valid + 'for name'); }); } };});briefApp.directive('phoneValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('phone', function(value){ console.log(2223); console.log($scope.brief_form_new.phone_new.$valid + 'for phone'); }); } };});briefApp.directive('emailValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('email', function(value){ console.log(333333); console.log($scope.brief_form_new.email_new.$valid + 'for email'); }); } };});briefApp.directive('messageValidate', function() { return { link: function($scope, element, attrs, ctrl) { $scope.$watch('message', function(value){ console.log(44444); console.log($scope.brief_form_new.message_new.$valid + 'for message'); }); } };});проблема в том, что я не понимаю почему: 1. после первой загрузки и отрисовки формы в консоль выводится только: 11111helper.js:19 falsefor namehelper.js:40 333333helper.js:41 falsefor emailхотя должно ещё и: 2. при каждом вводе(нажатие и отпускание клавиши) в поле "name" в консоль выводится: 11111helper.js:19 truefor nameно при каждом вводе в поле "phone" или "message" в консоль ничего не выводится. а должно выводиться: 2222или 44444

помогите пожалуйста доработать валидацию формы здесь поле загрузки файла необязательное. но если пользователь всё таки загружает файл, то он проверяется(формат и максимальный размер в байтах). в результате проверки выводятся сообщения-подсказки. вывод сообщений-подсказок я реализовал, но они никак не связаны с отключением возможности отправить невалидную форму хотелось бы чтобы форма отправлялась после клика по submit при пустом поле загрузки файла. форма не отправлялась после клика на submit если на экране есть сообщения об ошибочном заполнении поля загрузки файла(несоответствующие размер файла и формат файла) var app = angular.module('showApp', []);app.controller('MainCtrl', function($scope) { $scope.name = 'World';});app.directive('checkFileSize', function() { return { link: function(scope, elem, attr, ctrl) { function bindEvent(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else { element.attachEvent('on' + type, handler); } } bindEvent(elem[0], 'change', function() { // check filesize if(this.files[0]){ if(this.files[0].size > 134217728){ angular.element(document.querySelector('#fileSizeError')).css({ 'display': 'inline' }); }else{ angular.element(document.querySelector('#fileSizeError')).css({ 'display': 'none' }); } // check fileformat var a = this.files[0].name.split('.'); var ext = a[a.length-1]; if(ext == 'txt' || ext == 'pdf' || ext == 'doc' || ext == 'docx' || ext == 'jpg' || ext == 'png' || ext == 'jpeg' || ext == 'flac'){ angular.element(document.querySelector('#fileFormatError')).css({ 'display': 'none' }); }else{ angular.element(document.querySelector('#fileFormatError')).css({ 'display': 'inline' }); } }else{ angular.element(document.querySelector('#fileFormatError')).css({ 'display': 'none' }); angular.element(document.querySelector('#fileSizeError')).css({ 'display': 'none' }); } }); } }});

помогите пожалуйста решить проблему есть форма. надпись "You break my heart" появляется сразу после отрисовки формы. но мне нужно чтобы сразу после отрисовки формы этой надписи не было. и чтобы она появлялась только после того как пользователь пробовал вводить текст <div ng-app=""> <form name="LovelyForm"> <input type="email" name="LovelyEmail" ng-model="email" required /> <br> <span ng-show="LovelyForm.LovelyEmail.$invalid">You break my heart</span> </form></div>

Всем привет. Кто-нибудь использовал данный фреймворк? Хотелось бы услышать ваше мнение / мысли на этот счет. Спасибо.