Пост состоит из следующих частей:
- Проверка данных в HTML5
- AngularJS расширения для валидации
- Свои кастомные проверки данных на AngularJS
- Вывод сообщений об ошибках и ng-messages
AngularJS и проверка данных формы
10
Tag Archives: javascript
Angular: $scope.$on() – listen to several events
I found it quite strange that AngularJS does not have possibility to watch several Angular-events, i.e.:
[javascript]
$scope.$on([‘user.login’, ‘user.logout’], callback);
[/javascript]
and I decided to extend $on method, to make it handle such case:
[javascript]
var $onOrigin = $rootScope.$on;
$rootScope.$on = function(names, listener) {
var self = this;
if (!angular.isArray(names)) {
names = [names];
}
names.forEach(function(name) {
$onOrigin.call(self, name, listener);
});
};
[/javascript]
Sandbox for this code you can find here.
faker.js – data generator library
Десктопное приложение для Mac на JavaScript
Оказывается Objective-C теперь можно писать на JavaScript, точнее обращаться к его свойствам. Вот тут на хабре разбирается пример как это делать. Если лень читать все – под катом я делаю выжимку из статьи.
Какой JavaScript Framework используете вы? Опрос среди JS-разработчиков
Провел на хабре фреймворк опрос, на который откликнулось около 2к человек и получил такие результаты:
Сразу прошу простить за такое безграмотное составление. Да вы правы, все, кто писал в комментариях, что jQuery – это не фреймворк (как и React, Can.js, Backbone). Так же было очень опрометчиво не включить Closure, Polymer, Aurelia, Durandal и Marionette(отдельно от Backbone).
И тем не менее результаты довольно интересные:
- AngularJS возглавляет гонку (если не считать jQuery)
- React довольно быстро набирает обороты
- Ember не набрал и 5% – для меня это стало сюрпризом
- Ext.js – медленно умирает цепляясь за энтерпразы
- И по прежнему большой процент разработчиков не использует фреймворки вообще
Пробуем React на вкус
Стыдно признаться, но на момент написания этого поста, я так и не разобрался с React.js, поэтому добро пожаловать всем начинающим реактовцам.
Ionic Playground
I would only point out how good is Ionic Team in building own environment to make a life of developers easier. Now they created own sandbox to play with ionic code.
Пишем jQuery c нуля. Часть3 – DOMContentLoaded shortcut
В продолжение серии постов “Пишем jQuery c нуля”. Решил осветить тему события загрузки дома(DOMContentLoaded) и регистрацию колбэков по этому событию через jQuery.
Отличие $applyAsync от $evalAsync в Angular 1.3
Пост подготовлен на основе статьи “Scope.$applyAsync() vs. Scope.$evalAsync() in AngularJS 1.3” от Ben Nadel.
Из Angular1.2 мы все знаем метод скоупа $evalAsync, который позволяет вызывать код асинхронно (относительно цикла дайджеста) не прибегая к использованию сервиса $timeout.
В Angular1.3 был добавлен еще один метод – $applyAsync. После прочтения документации может оказаться, что по прежнему не ясно отличие этих 2х методов. С этим мы и попробуем разобраться в посте.
angular-promise-buttons
angular-promise-buttons is a nice module for AngularJS that saves you from toggling the loading indicator each time on button click.
Here I created a sandbox to play with the code.