Author Archives: bullgare

AngularJS: Внедрение зависимости от ngLocale

angular.module('CommonFilters', ['ngLocale']).
	filter('month_names', ['$locale', function ($locale) {
		return function month_names() {
			return $locale.DATETIME_FORMATS.MONTH;
		}
	}]).

angular.module('CommonFilters', ['ngLocale']).

filter('month_names', ['$locale', function ($locale) {

return function month_names() {

return $locale.DATETIME_FORMATS.MONTH;

}

}]).

AngularJS: одновременное асинхронное выполнение двух сервисов

angular.module('MyModule', []).
	// controllers
	controller('FolderListCtrl', ['$scope', '$q', 'Async', 'Service1', 'Service2', function FolderListCtrl($scope, $q, Async, Service1, Service2) {
		$q.
			all([Async(Service1.query), Async(Service2.get)]).
			then(function (responses) {
				$scope.service1Res = responses[0];
				$scope.service2Res = responses[1];
			});
	}]).
	factory('Async', ['$q', function Async($q)
	{
		return function (ResCall, params) {
			var d = $q.defer();
			if (angular.isFunction(ResCall))
			{
				ResCall(params, function(response) {
					d.resolve(response);
				});
				return d.promise;
			}
			throw new Error('wrong invocation with ' + ResCall.toString());
		};
	}])

angular.module('MyModule', []).

// controllers

controller('FolderListCtrl', ['$scope', '$q', 'Async', 'Service1', 'Service2', function FolderListCtrl($scope, $q, Async, Service1, Service2) {

$q.

all([Async(Service1.query), Async(Service2.get)]).

then(function (responses) {

$scope.service1Res = responses[0];

$scope.service2Res = responses[1];

});

}]).

factory('Async', ['$q', function Async($q)

{

return function (ResCall, params) {

var d = $q.defer();

if (angular.isFunction(ResCall))

{

ResCall(params, function(response) {

d.resolve(response);

});

return d.promise;

}

throw new Error('wrong invocation with ' + ResCall.toString());

};

}])

Можно было бы сделать дополнительные проверки, но мне они показались излишними. По мотивам этого ответа: http://stackoverflow.com/a/15300364/801426

Вывод javascript-ошибок в старых android 2.x

Надо в браузере по умолчанию набрать в адресной строке about:debug. После этого сверху появится маленькая полоска, при нажатии на которую откроется консоль. Не густо, но хоть что-то узнать можно. http://android.stackexchange.com/questions/5999/android-browsers-aboutdebug-what-do-those-settings-do

Git: выделить директорию в отдельный репозиторий

Вот эта команда

git filter-branch --subdirectory-filter MyLibraryName -- --all

1	git filter-branch --subdirectory-filter MyLibraryName -- --all

Ссылки: http://git-scm.com/docs/git-filter-branch https://confluence.atlassian.com/display/BITBUCKET/Split+a+Repository+in+Two#SplitaRepositoryinTwo-UsingGittosplit-outadirectory

e2e-тестирование AngularJS

05, 27, 2013
bullgare
Angular.js, Testing
Комментарии к записи e2e-тестирование AngularJS отключены

Нужно поставить karma (я использовал версию 0.9.1). Вот описание установки и официальная документация по использованию — http://karma-runner.github.io/0.8/index.html (видео достаточно сильно устарело, годится только для того, чтобы понять в общих чертах).

Понятно про Flexbox

Доклад pepelsbey про то, что такое flexbox, поддержку браузерами и нюансы работы с ним. Flexbox, теперь понятно from Вадим Макеев on Vimeo. http://vimeo.com/67011034 Слайды — http://pepelsbey.net/pres/flexbox-gotcha/

unit-тестирование AngularJS

05, 23, 2013
bullgare
Angular.js, Testing
Комментарии к записи unit-тестирование AngularJS отключены

http://www.yearofmoo.com/2013/01/full-spectrum-testing-with-angularjs-and-testacular.html — эту статью я уже упоминал; теория тестирования AngularJS. http://docs.angularjs.org/guide/dev_guide.unit-testing — небольшая и не слишком полезная официальная документация. http://karma-runner.github.io/0.8/index.html — инструмент для запуски автоматических тестов (как правильно подгружать внешние шаблоны). Примеры: https://github.com/vojtajina/ng-directive-testing https://github.com/angular/angular-seed https://github.com/IgorMinar/foodme/tree/master/test

Отложенная загрузка шаблона в AngularJS

Допустим есть некий шаблон, который нужно показать, только когда пользователь заблокирован. Вот код.

<section ng-show="showUserBlocked">
	<div ng-include="'views/partials/user_blocked.html'"></div>
</section>

</section>

Но тогда получится, что блок покажется пользователю только когда будет выставлена переменная showUserBlocked, а внешний шаблон будет подгружаться в любом случае сразу при загрузке страницы. Что неправильно, особенно на мобильных устройствах. Решение этой проблемы — простое:

<section ng-show="showUserBlocked">
	<div ng-include="showUserBlocked && 'views/partials/user_blocked.html'"></div>
</section>

</section>

Т.е. пока переменная showUserBlocked …

Тестирование Rest API в Google Chrome

Плагинчик для работы с Rest API: https://chrome.google.com/webstore/detail/postman-rest-client/fdmmgilgnpjigdojojpjoooidkmcomcm?hl=en Видео: https://www.youtube.com/watch?feature=player_embedded&v=VPLlkhhRMvQ

Javascript: right/bottom offset у элемента

Быстрый способ узнать смещения элемента: https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect (http://codepen.io/sgospodarets/pen/ybtqk). Можно использовать и для вычисления длины/высоты, если посчитать scrollTop clientTop.