Николай

В проекте на angularjs пользовались вот этим: deepliquid.com/content/Jcrop.html Настроек много, api удобное. Для хорошего взаимодействия с ангуляром обернули в директиву.

Лучше всего в этом случае использовать pub/sub паттерн.
В ангуляре для этого используются функции $broadcast, $emit, $on.
Вот хорошая статья об отличиях broadcast от emit и вообще о том, как всё работает: toddmotto.com/all-about-angulars-emit-broadcast-on...

У вас вообще какое-то мясо, если честно : (

Обычно разделяют конфигурацию для $resourse и обработку ответов в разные части кода.
В вашем случае я бы сделал так:

(function() {
'use strict';
	angular
    .module('LenaPillars')
    .factory('ProfileResource', ProfileResource);

    ProfileResource.$injector = ['$rootScope', '$resource'];
    function ProfileResource($rootScope, $resource) {
		var photosResource = $resource(
			$rootScope.storeUrl, 
			{
				checkActiveProfile: {
		            method: 'GET', 
		            isArray: false,
		            url: $rootScope.storeUrl+'/checkProfile'
		        }
			}
			
		);

		function checkActiveProfile() {
			return new photosResource()
				.$checkActiveProfile({token: $rootScope.token, setting_profiles: 'setting_profiles'})
// then принимает 2 параметра, для resolve и reject
				.then(getAvengersComplete, getAvengersFailed);
			function getAvengersComplete(response) {
		        return response.data.results;
		    }

		    function getAvengersFailed(error) {
		        logger.error('XHR Failed for getAvengers.' + error.data);
		    }
		}

		return {
			checkActiveProfile: checkActiveProfile,
		}
	}
})();

Вызов функции в где угодно будет выглядеть так:

function getProfileCheck() {
    return ProfileResource
    .checkActiveProfile()
    .then(function(data) {
        console.log('gde ti moi data: '+data);
        vm.avengers = data;
        return vm.avengers;
    });
}

К сожалению, с библиотекой не знаком, но для отправки средствами $http я делал transformRequest в FormData, а в requestHeader ставил content-type: undefined.

Мм... Вы хотите чтобы фильтр отображался в url, но при этом страница не обновлялась?
Можно сделать это так:

.when('/search?param1&param2&.....&paramN',
{
  templateUrl: html,
  reloadOnSearch: false
  controller: 'SearchCtrl'
})

Для смены location воспользоваться функцией:

$location.serach(
  {
       param1: 1,
       param2: 2
  }
);

Если переделать в массив:

var words = [ {key: 'a', value: 1}, {key: 'b', value: 2}, {key: 'c', value: 3} ];

То можно написать что-то такое:

ng-options="word as word.key for word in words track by word.value"

А зачем вам нужен вот такой изврат с compile? Ведь можно просто сделать через template:

return {
       require: '^ngModel',
       template: '<input ng-model='mod'>',
       scope: {
              type: "=",
              mod: "=",
        },
}

Почитайте, как работают директивы на angular js, у вас подход не совсем правильный. Почитать можно например в офф. доке.

Реврайты у вас страшные каке-то. В целом смысл - проверяем, существует ли по урлу физический файл, если нет - редиректим на index.html.
Для апача выглядит так:

RewriteEngine on
# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html [L]

Вообще, для ui-router есть очень хорошая дока с настройками на разные случаи жизни. Отличий от стандартного роутера в данном случае никаких.

Вы определитесь, где у вас будет роутинг. Либо у вас SPA ( single page application) и роутингом занимается ng-route, а laravel выступает в роли API, либо роутингом у вас занимается laravel. Мне довольно сложно представить случаи, при которых второй вариант лучше первого, но я думаю, что они существуют.

Правильнее всего будет сделать сервис, в котором содержится текущее значение search, имеются сеттер и геттер, а так же подписка на locationChange, и во время смены значения( как через сеттер, так и при смене url) вызывается броадкаст. Этот броадкаст уже слушаем в контроллере и делаем, что хотим. То есть схема такая: контроллер/локейшен -> {смена значения search} -> сервис -> {измененное значение search} -> всем, кто подписан.

Думаю тут можно обойтись связкой ng-mouseover и ng-class. На mouseover сохраняем в некоторой переменной, например $scope.currentIndex значение текущей строки( если вывод делается через ng-repeat - то подойдет $index) . В ng-class добавляем класс, в том случае, когда $index равен currentIndex.

Так как фильтр ангуляра манипулирует домом - вам нужно реинициализировать компонент руками. Об этом написано например вот тут: www.getmdl.io/started/index.html#dynamic

Мне видится это так: делаем строку отдельной директивой и в засовываем этот вызов в link функцию.

Используйте Factory для хранения данных.