我知道这个问题已经得到解答,使用服务是可行的方法,但我很遗憾如何实现它。并且非常感谢一些指导。
我正试图在Blur-Admin框架中实现这一目标。
结构如下:
在顶部,有dashboard.module.js:
(function () {
'use strict';
angular.module('BlurAdmin.pages.dashboard', [])
.config(routeConfig);
/** @ngInject */
function routeConfig($stateProvider) {
$stateProvider
.state('dashboard', {
url: '/dashboard',
templateUrl: 'app/pages/dashboard/dashboard.html',
title: 'Dashboard',
sidebarMeta: {
icon: 'ion-android-home',
order: 0,
},
});
}
})();
然后使用元素定义dashboard.html。
<div class="row">
<dashboard-line-chart></dashboard-line-chart>
</div>
<div class="row">
<dashboard-todo></dashboard-todo>
</div>
...
...
之后,每个元素都使用指令编写:
(function () {
'use strict';
angular.module('BlurAdmin.pages.dashboard')
.directive('dashboardLineChart', dashboardLineChart);
/** @ngInject */
function dashboardLineChart() {
return {
restrict: 'E',
controller: 'DashboardLineChartCtrl',
templateUrl: 'app/pages/dashboard/dashboardLineChart/dashboardLineChart.html'
};
}
})();
然后相应的Controller为:
(function () {
'use strict';
angular.module('BlurAdmin.pages.dashboard')
.controller('DashboardLineChartCtrl', DashboardLineChartCtrl);
/** @ngInject */
function DashboardLineChartCtrl(baConfig, layoutPaths, baUtil) {...}
我想做的是在两个这样的控制器之间共享数据。 例如:
function DashboardLineChartCtrl(baConfig, layoutPaths, baUtil, sharedData) {...}
和
function DashboardDataReceiver(baConfig, layoutPaths, baUtil, sharedData) {...}
如果要提供服务,我应该在哪里定义服务?
非常感谢任何帮助。
谢谢。
答案 0 :(得分:1)
例如,您可以使用getter和setter定义一个新的服务工厂:
app.factory('sharedData', function () {
var x = "";
return {
'getX': function () { return x; },
'setX': function (newVal) { x = newVal; }
}
});
接下来,您必须在编写时将服务注入控制器。 最后,您可以通过控制器中的服务设置和获取数据,例如:
sharedData.setX("some string"); // to set the x var into service with "some string"
sharedDate.getX(); // to get the x var content (in this case, "some string")
引用Angular Js文档:
AngularJS服务是:
Lazily实例化 - AngularJS仅在实例化时实例化服务 应用程序组件取决于它。
单身人士 - 每个组成部分 依赖于服务获取对单个实例的引用 由服务工厂生成。
这意味着您可以定义变量并将其值更新到工厂实例中,并从您注入变量的每个控制器中访问它。