使用服务AngularJS在控制器之间传递数据
AngularJS是一种流行的前端开发框架，它提供了一种简单而强大的方式来构建动态的Web应用程序。在AngularJS中，控制器（Controller）是用于处理业务逻辑和数据的组件。当需要在控制器之间传递数据时，可以使用以下几种方式：
- 使用服务（Service）：服务是AngularJS中用于共享数据和功能的组件。可以创建一个自定义服务，将数据存储在该服务中，并在需要的控制器中注入该服务，以便访问和修改数据。通过服务，可以在不同的控制器之间共享数据，实现数据的传递和同步。
- 使用事件（Event）：AngularJS提供了事件机制，可以在控制器之间广播和接收事件。当需要在一个控制器中更新数据，并通知其他控制器时，可以在发送数据的控制器中触发一个事件，并在接收数据的控制器中监听该事件，以获取更新的数据。
- 使用路由（Routing）：AngularJS的路由机制可以将不同的控制器与不同的视图关联起来。当需要在控制器之间传递数据时，可以通过路由参数将数据传递给目标控制器。目标控制器可以通过路由参数获取传递的数据，并进行相应的处理。
- 使用$rootScope：$rootScope是AngularJS中的全局作用域对象，可以在整个应用程序中共享数据。当需要在不同的控制器之间传递数据时，可以将数据存储在$rootScope中，并在需要的控制器中访问和修改数据。
以上是一些常用的在AngularJS控制器之间传递数据的方式。具体使用哪种方式取决于应用程序的需求和设计。在腾讯云的产品中，推荐使用云函数（SCF）来实现后端逻辑和数据处理，云数据库（TencentDB）来存储和管理数据，云存储（COS）来存储和管理文件和对象。这些产品提供了稳定可靠的云计算服务，适用于各种规模和类型的应用程序。
更多关于腾讯云产品的信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
4回答
angularjs跨路由维护范围变量
angularjs、angularjs-scope、angularjs-service、angularjs-routing、ngroute
如何跨路由维护模型。例如，我有一个加载到主页上的配置文件列表。主页还包含一个"load more“操作，用于加载更多的配置文件，基本上是将数据推送到模型。单击特定配置文件时，该配置文件的详细信息视图将通过路由激活。详细信息视图有一个后退按钮，可将用户重定向回主页。在路由回主页时，由“加载更多”操作加载的数据(配置文件)会丢失。我需要维护带有"load more“前置数据的模型。
下面是使用的代码
/* Controllers */
var profileControllers = angular.module('profileControllers', [
浏览 0提问于2014-05-01得票数 5
4回答
不同制表符中控制器之间的Angularjs通信
javascript、angularjs
我有控制器A，它向共享服务发送一些数据，控制器B，它应该读取这些数据。问题是控制器B与控制器A在一个不同的页面上(在同一个网站上)，也就是说，我做的是smth。在控制器A上，单击按钮(向服务发送数据)并打开另一个页面，其中控制器B应该从服务读取数据。但是什么都没有发生，所以我的问题是，不同页面上的控制器能以这种方式进行通信吗？
下面是我试着做这件事的方法，但没有运气：
服务：
publicApp.angularModule.service('controllerCommunicationService', function ($rootScope) {
var comm
浏览 1提问于2013-10-09得票数 10
回答已采纳
3回答
AngularJS:移到下一个视图并传递对象
angularjs
我对Parse.com进行查询，以接收许多对象，然后在视图中显示所有对象。
我现在想要能够点击其中一个对象，它应该加载一个新的页面，在那里我可以编辑它们。
我的问题是，如何将其中一个对象从主视图传递到可以编辑它的详细视图？
当我尝试时，：
通过路由，传递整个对象，但这似乎是错误的做法，整个对象在状态栏中打印出来：
//路由.when('/job/:object'，{
仅通过传递objectId，并在加载详细视图后查询数据库以获得对象的id。
.when('/job/:objectId‘)，{ // Get对象的ID来自Parse.com。
将整个对象数组保存
浏览 6提问于2015-09-10得票数 1
回答已采纳
5回答
使用$rootScope作为数据存储的AngularJS
javascript、html、angularjs、angularjs-scope
我对我的AngularJS应用程序有了一个想法，我很好奇AngularJS社区是否会认为这样做是可以的。简而言之，我连接到一个数据API并在页面上显示我的结果。
我已经创建了一个在$rootScope.DataStore上创建数据存储的AngularJS服务。我还有一个服务方法，它用从API端点返回的数据更新DataStore。如果我用DataStore.update('products')从我的控制器内部请求"products“API端点，这将用我的产品数据更新$rootScope.DataStore.products。
现在，在view/partial中，我所需要做
浏览 0提问于2013-05-24得票数 58
回答已采纳
1回答
在Angularjs中何时以及如何使用广播事件？
angularjs
我是Angularjs，但正在构建一个示例应用程序。当我读到一些代码时，人们会像这样广播事件：
$rootScope.$broadcast('someevent');
例如，在登录时，许多人使用广播登录成功来通知整个应用程序用户已登录。我知道，当身份验证成功时，可以使用$rootScope.logged = true等$rootScope变量来管理登录状态，甚至可以使用可以注入控制器中的AuthService来管理。身份验证服务将向用户返回状态和一些用户信息。
我的问题是: 1-何时以及为什么使用$rootScope.$broadcast('someevent'
浏览 1提问于2014-11-28得票数 0
1回答
$rootScope是烤面包通知的好主意吗？
angularjs、rest、service
我正在计划我的应用程序，并遇到一个问题与开发负责人的角度。我有一个与API后端通信的应用程序，它将根据REST原则返回消息。
下面是我使用的示例服务的一个片段：
this.POST = function(url, data) {
console.log(data);
$http({
url: url,
method: 'POST',
data: data,
headers: headers
}).
success(fun
浏览 2提问于2014-09-11得票数 0
回答已采纳
1回答
在我的AngularJS应用程序中有一种奇怪的行为。用例在"usercreate.html“中创建用户，并在成功创建(通过后端REST-服务-> HTTP )后，重定向到"usercreateresponse.html”。
我有两个控制员：
usercreate.html -> CreateUserController
usercreateresponse.html -> CreateUserResponseController
我在CreateUserController和CreateUserResponseController之间通过$ro
浏览 2提问于2015-05-12得票数 0
3回答
在Angularjs应用程序中使用$rootscope的最佳实践？
angularjs、angularjs-rootscope、angularjs-1.6
我们有一个大型的Angularjs1.6应用程序，它的$rootscope散布在应用程序中的200多个地方的过滤器，服务，路线等。所以它需要重构，但我不知道什么时候删除它。什么情况下在应用程序中使用$rootscope是最佳实践？
我读过所有的东西，从从不读到用它来存储变量，我认为它是用来在控制器之间共享数据的。从那以后，我读到在这个用例中使用工厂/服务更好，我还读到一个有效的用例是使用$rootscope作为全局事件总线。
我真的没有在Angularjs文档中看到这方面的解释。
浏览 4提问于2016-02-12得票数 7
回答已采纳
2回答
AngularJS数据服务与$rootScope事件
javascript、angularjs、angularjs-scope、rootscope
您能解释一下数据服务的使用与$rootScope事件的使用吗？
我有一个说分支的列表，其中提供编辑功能。单击编辑按钮时，我正在广播一个具有根范围的事件，使用
$rootScope.$broadcast('EditBranch', branchID);
此EditBranch事件由编辑/创建控制器捕获，该控制器获取分支详细信息并以适当的编辑格式呈现它。
其他功能是我正在添加一个新的分支，我希望它在添加后立即列在现有分支列表中。使用的代码如下
$rootScope.$broadcast('AddBranch', branchData); //in create
浏览 0提问于2013-11-04得票数 3
3回答
尝试使用角rootScope在控制器之间持久化数据，但始终未定义
javascript、angularjs、angularjs-scope、angularjs-service、angularjs-routing
我有一个管理员登录页面。当用户成功地以管理员身份登录时，我希望在所有页面的顶部显示用户访问的内容：
<!-- nav bar -->
<div>
<span ng-show="$root.isAdmin">(ADMIN)</span>
</div>
我试着用$rootScope来完成这个任务，但是我一直在获取undefined
// controller for logging in
app.controller('AdminLoginCtrl', [ '$rootScope',
浏览 6提问于2015-02-16得票数 1
回答已采纳
2回答
当我更改路由时，如何保存数据？
javascript、vue.js
我有一个JavaScript函数(环形缓冲区)，可以将数组输出到一个模式，但是如果我更改了路由，数据就不会保存。如果我更改了路由，如何保存数据？我一定要用Vuex吗？
我正在考虑另一种方法并使用props，但我不确定如何确切地从路由传递数据。
我不熟悉道具是如何工作的，但我必须做一些类似的工作，将这个props: ["historyProp"]添加到我的Countrylist组件中，并对模式进行ID，以便将道具传递到主页？
这是
浏览 0提问于2021-01-17得票数 0
2回答
当刷新与控制器一起使用的页时，将重写控制器中使用的$rootscope值。
angularjs、angularjs-scope
在angularjs页面中，我使用angularjs的$rootscope对象将全局数据传递给另一个控制器。在我的控制器中，我能够成功地捕获存储在$rootscope对象中的值，并且该值正在正确填充，并且在标签控制中使用该值。但是当我刷新页面时，这个值就消失了。这里面有什么问题，我是如何克服这种情况的。
$scope.loginname = $rootScope.curusername；
谢谢和问候Utpal
浏览 6提问于2014-01-27得票数 4
回答已采纳
1回答
最佳实践angularjs ajax请求和重定向
ajax、angularjs、angularjs-scope
我有一个originCtrl模板和控制器。在这个例子中，我有一个按钮可以转到另一个模板和控制器。但是在destCtrl上，我需要来自ajax请求的信息。这是我的控制器代码的一部分：
.controller('OriginCtlr', function ($scope, $rootScope, $http, $location, $cookies) {
$scope.startTest = function () {
$http.post(API_URL + 'creates/tests.json', {'id':$scop
浏览 2提问于2014-04-30得票数 0
回答已采纳
4回答
将$scope传递给Angularjs中的服务
javascript、angularjs、angularjs-scope
我希望将$scope传递给服务，并将其存储在服务中，以便其他控制器可以使用它。
对于我的应用程序，用户输入模型并通过ng- UserName将其传递回控制器，但它仅限于特定的控制器，其他控制器无法访问该作用域。
我也研究过$rootScope，但这不是答案。
有没有一种方法可以将用户名存储到服务中，并将其传递给服务中的API，这样我就不必担心它了。目前我正在做一些类似于这篇文章的事情
这就是我到目前为止在服务中所做的事情
(function() {
var gitHubApiFactory = function($http) {
var urlBase = "
浏览 2提问于2014-09-25得票数 0
4回答
AngularJS中的重控制器通信
javascript、angularjs
我已经用AngularJS实现了一个页面应用程序。该页面由中间的一个内容区域和中心周围的部分组成，这些部分显示了其他信息，并提供了操作中心的方法。
每个部分(称为Side Info)和内容区域都有一个单独的AngularJS控制器分配给它们。目前，我通过$rootScope.$broadcast和$scope.$on()进行通信。
app.controller('PropertiesController', function ($scope, $rootScope) {
$scope.$on('somethingHappened', func
浏览 4提问于2015-02-05得票数 8
1回答
如何使用AngularJS在页面中附加多个扫描条形码结果数据
javascript、angularjs、cordova、ionic-framework
我有一个应用程序，在其中我必须扫描条形码并显示给其他页面。最初的要求只针对一个产品，但现在的要求是显示现有div中的多个扫描条形码。我设法在controller.js中使用以下代码显示了一个产品条形码扫描结果：
.controller('ScanCtrl', function($scope, $rootScope, $state, $ionicLoading, $timeout) {
$scope.title = "How to scan an inventory";
$scope.startScan = function() {
$ionicLoad
浏览 2提问于2014-07-19得票数 1
回答已采纳
1回答
我们可以在angularjs中使用多个$rootScope吗？
angularjs、ionic-framework
在我的应用中，我在控制器中使用了两个$rootScope。一个$rootScope在函数内，另一个在函数外。有没有可能在控制器中使用两个$rootScope，并且当我使用在函数中声明的$rootScope时，我会得到错误，说明特定的$rootScope没有声明。如何在函数外部访问第二个$rootScope。这样我就可以对它执行拼接操作了。请帮助解决这个问题。谢谢。:)
我的控制器：
serviceApp.controller('carBrand',['$scope','carRepository','$rootScope',
浏览 0提问于2016-10-16得票数 1
3回答
AngularJS中“全局”变量的使用
javascript、angularjs、angularjs-directive、angularjs-scope、angularjs-service
好的，我和一位同事就如何在AngularJS上正确使用全局变量展开了激烈的争论。他的理由是：“做”事情有很多种方法。
考虑到这一点：
var app = angular.module('myApp', []);
app.globalVar = []; // this is just to store same data later
然后在某些指令/服务上：
app.directive('myDirective', function(){
app.globalVar = [23,43,21]; // populating from a json or o
浏览 2提问于2015-02-18得票数 1
回答已采纳
1回答
打开新窗口angularjs后控制器之间共享变量
angularjs、angularjs-service
在这种情况下，我必须将用户定义的对象从一个控制器传递到另一个控制器，控制器在一个新窗口中打开。为此，我尝试了几种常见的方法，比如使用工厂或服务的$emit到$rootScope，以及从那里到第二个控制器的$broadcast。
但我总是被困在物镜里。我可以在那里记录变量，但是当新窗口打开时它们似乎消失了(在新窗口的控制台中甚至没有出现一个未定义的变量)。我可以从根范围获得固定变量，但是没有从第一个控制器发出的任何变量。
有人知道我怎么解决这个问题吗？
这是我的代码：
// SHARING DATA BETWEEN CONTROLLERS VIA ROOT SCOPE:
var table_a
浏览 1提问于2013-09-17得票数 6
2回答
外部调用AngularJS控制器
javascript、angularjs
我正在尝试将AngularJS表单转换为ExtJs表单。我是AngularJS和ExtJS的新手。最后，我可以处理ExtJS中的视图部分，但我想我需要使用来自AngularJS的控制器。有什么方法可以使用我从ExtJS获得的数据和AngularJS控制器吗？例如，在控制器方法中执行任务的方法是："createAppInProject“
如何从控制器外部调用此方法？
angular.module('sincapp.controllers')
.controller('AppsCtrl', ['$rootScope&
浏览 6提问于2015-07-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
