У меня есть службы в angular, которые мне нужно настраивать, таким образом я могу удалить связь из своего приложения и поделиться частью своего кода.
Мой вопрос в том, как вы этого добиваетесь?
С module.value() и внедрением зависимостей? Тогда как получить значение по умолчанию? Как сделать, чтобы значение вычислялось при инициализации, а не жестко закодировано?
С другим сервисом? Как сделать это универсальным?
У вас есть пример кода, потому что я немного запутался с этим.
Чтобы создать настраиваемую службу, вам нужно использовать provider, см.: http://docs.angularjs.org/guide/providers. Провайдеры позволяют настроить фабрику или службу в блоке конфигурации модуля перед его созданием. Простой пример см. на странице http://plnkr.co/edit/QMLBBQ3obE90FtCA2eBu.
Для более полного/сложного примера использования настраиваемых сервисов я бы посоветовал посмотреть проект Restangular, который также демонстрирует метод предоставления значений по умолчанию, которые могут быть переопределены разработчиком приложения.
Я считаю, что что-то подобное должно работать в вашей службе, если вы должны использовать .value() для объявления некоторых объектов для инъекции
var myLocalValue = myInjectedValue || "Some default value";
Я не очень разбираюсь в javascript, но этот ответ на SO, похоже, ускользает от того факта, что это тоже будет работать: Объяснение назначения переменных JavaScript ИЛИ (||)
Я сделал здесь скрипку, чтобы проверить ее, похоже, она работает так, как я ожидал:
JavaScript
var app = angular.module("myapp",[]);
// define a value
app.value('myThing', 'weee');
// use it in a service
app.factory('myService', ['myThing', function(myThing, myOtherThing){
var myLocalOtherThing = myOtherThing || "some default";
return {
whatsMyThing: function() {
return myThing; //weee
},
whatsMyOtherThing: function() {
return myOtherThing;
},
whatsMyOtherThingWithDefault: function() {
return myLocalOtherThing;
}
}
}]);
// use it in a controller
app.controller('someController', function($scope, myService) {
$scope.foo = myService.whatsMyThing(); //weee
$scope.bar = myService.whatsMyOtherThing(); //""
$scope.baz = myService.whatsMyOtherThingWithDefault(); //some default
});
HTML
<div ng-app="myapp" ng-controller="someController">
<ol>
<li>{{foo}}</li>
<li>{{bar}}</li>
<li>{{baz}}</li>
</ol>
</div>
Обратите внимание, что это работает только в том случае, если myOtherThing не введен, если вы перечислите его для внедрения, но он не был определен, вы столкнетесь с ошибками, но я не уверен, каков именно вариант использования.
