gpt4 book ai didi

angularjs - 如何动态实例化服务?

转载 作者:行者123 更新时间:2023-12-03 22:46:44 24 4
gpt4 key购买 nike

我有一个 Utils服务很重。我想在特定的用户操作上使用其中定义的一些功能。由于这项服务很重,我想懒惰地实例化它(根据用户操作)。

我如何实现这一目标?

服务

module.service('Utils', function (dep1, dep2) {
this.method1 = function () {
// do something
}
// other methods
});

Controller
module.controller('AppCtrl', function ($scope) {
// I don't want to inject Utils as a dependency.

$scope.processUserAction = function () {
// If the service is not instantiated
// instantiate it and trigger the methods defined in it.
}
});

标记
<div data-ng-controller="AppCtrl">
<button data-ng-click="processUserAction()"> Click Me </button>
</div>

最佳答案

您可以使用 $injector 服务在任何地方获取服务:https://docs.angularjs.org/api/auto/service/$injector .将 $injector 注入(inject)您的 Controller ,并在您需要服务时使用:

这对我来说很好,服务仅在 $injector 调用上实例化,没有抛出错误。

 angular.module('yp.admin')

.config(['$stateProvider', '$urlRouterProvider', 'accessLevels', '$translateWtiPartialLoaderProvider',
function ($stateProvider, $urlRouterProvider, accessLevels, $translateWtiPartialLoaderProvider) {
$stateProvider
.state('admin.home', {
url: "/home",
access: accessLevels.admin,
views: {
content: {
templateUrl: 'admin/home/home.html',
controller: 'AdminHomeController'
}
}
});
}])
.service('UtilsService', function() {
console.log('utilsSerivce instantiated');
return {
call: function() {
console.log('Util.call called');
}
};
})

.controller('AdminHomeController', ['$scope', '$rootScope', 'UserService', '$injector',
function($scope, $rootScope, UserService, $injector) {
$injector.get('UtilsService').call();
}]);

控制台给了我这个:
stateChangeStart from:  to: admin.home
stateChangeSuccess from: to: admin.home
utilsSerivce instantiated
Util.call called

如果你想延迟加载 JS,你应该看看 ocLazyLoad模块: https://github.com/ocombe/ocLazyLoad .它解决了各种延迟加载用例,你的听起来很适合它。

关于angularjs - 如何动态实例化服务?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29319023/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com