如何从视图控制器访问应用控制器(AppCtrl) $scope
从视图控制器访问应用控制器(AppCtrl)的$scope，可以通过以下步骤实现：
- 在视图控制器中，首先需要获取应用控制器的实例。可以通过依赖注入的方式，在视图控制器的构造函数中注入应用控制器的实例。
- 一旦获取到应用控制器的实例，就可以通过该实例的$scope属性来访问应用控制器的$scope。例如，假设应用控制器的实例为appCtrlInstance，则可以通过appCtrlInstance.$scope来访问应用控制器的$scope。
需要注意的是，这种方式需要确保应用控制器的实例在视图控制器中是可访问的。具体的实现方式可能会根据使用的前端框架或库而有所不同。
在腾讯云的相关产品中，推荐使用Serverless Framework和云函数（SCF）来构建和部署云原生应用。Serverless Framework是一个开发框架，可以帮助开发者更轻松地构建、部署和管理云原生应用。云函数（SCF）是腾讯云提供的无服务器计算服务，可以让开发者无需关心服务器管理，只需编写函数代码即可实现应用逻辑。
相关产品和产品介绍链接地址：
- Serverless Framework：https://cloud.tencent.com/product/sls
- 云函数（SCF）：https://cloud.tencent.com/product/scf
相关·内容
9回答
我需要在不同的页面/视图中显示和隐藏后退按钮。我参考了的资料
<body ng-app="starter" ng-controller="AppCtrl">
<ion-nav-bar class="bar-stable">
<ion-nav-back-button hide-back-button="{{hideBackButton}}">
</ion-nav-back-button>
</ion-nav-bar>
</body>
切换
浏览 79提问于2015-02-05得票数 18
回答已采纳
我在我的应用程序中使用控制器作为语法，我想从子控制器访问父控制器的功能，我知道这可以通过注入$scope来实现，但是考虑到Angular已经如此努力地从代码中摆脱$scope，我想知道有没有一种更优雅的方法来做到这一点而不注入$scope？
以下是HTML的一个示例：
<div ng-controller="AppCtrl as app">
<div ng-controller="ChildCtrl as child">
</div>
</div>
和相应的控制器：
angular.module('
浏览 5提问于2016-08-18得票数 2
回答已采纳
我有以下angularJS控制器和指令：
angular.module('twitterApp', [])
.controller('AppCtrl', AppCtrl)
.directive('enter', EnterFunc);
function AppCtrl($scope) {
$scope.loadMoreTweets = function() {
alert('loading more tweets!');
}
}
function EnterFunc() {
浏览 4提问于2015-04-26得票数 1
回答已采纳
1回答
角Doc控制器
、、
因此，我目前正在拆分我的文件；控制器、服务和指令等，实际上，我有如下所示
/**
* @ngdoc overview
* @name application
* @description
* Main app controller.
*/
angular.module('application')
/**
* @ngdoc object
* @name application.AppCtrl
* @requires $scope
* @description
* Hello App controller
浏览 3提问于2014-06-17得票数 0
回答已采纳
我的AppCtrl.js中有以下内容：
$scope.facebookUserDone = $q.defer();
我想从视图的控制器访问这个变量：
WeightLevel.js：
$q.when($scope.facebookUserDone.promise).then(function () {
$scope.userFaceUrl = userr.pictureUrl;
});
这是可能的吗?或者我应该把变量放在$rootScope上？
谢谢
浏览 5提问于2017-02-16得票数 0
2回答
我试图使自动完成，为此，我使用标签-输入。指令名是我的指令，在控制器内我试图调用selectUser函数，但它不起作用。
在“自动完成”中，您必须键入4个字母，例如: john，然后我将显示选项。
视图
<body ng-app="myApp" ng-controller="appCtrl">
<my-directive apipoint="customerApi" modeldisplay="tags.selected" ng-model="tags.selected" chan
浏览 1提问于2016-06-02得票数 0
回答已采纳
我会在控制器中重新加载用于导航栏的变量。
我为每个视图设置了控制器。我使用控制器loginCtrl登录，在登录后，我将重新加载"rootController“中的var设置。
我使用一个ng-if变量在导航栏中切换按钮登录和注销，但这个变量(在rootController中)将调用一个工厂函数。
问题是，当我改变工厂的值时，变量只设置了一次，不会改变。解决方案是仅重新加载rootController以重置var，搜索到internet I found $route.reload()。我在rootController中创建了一个函数，我这样使用它：
$rootScope.reload
浏览 13提问于2017-01-26得票数 2
回答已采纳
我有一个场景，其中我有一个主页面，即带有两个视图(左视图) View1.html和(右视图) view2.html的index.html，但是在选择左视图上的记录时，我希望将正确的视图从view2.html更改为view3.html。
我在用
$scope.$state.go('reg.detail', { 'id': item.Id });
将视图从View2.html更改为View3.html
但是我看到了对details/{id}的url更改，但是我没有看到UI(html标记)对view3.html的更改(因此view3的控制器也没有被触发(为了简单起见，
浏览 3提问于2015-10-24得票数 0
1回答
这就是我的app.js的样子，在这里我为所有模板定义了状态、控制器和urls：
angular.module('starter', ['ionic', 'starter.controllers','starter.services'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar
浏览 6提问于2015-07-15得票数 1
回答已采纳
从eggheadio 中，我看到一个控制器正在返回。它为什么要把这个还回去？我认为仅仅将作用域的属性分配给控制器本身的指示性名称就可以了。
var app = angular.module("phoneApp",[]);
app.controller("AppCtrl", function($scope){
this.sayHi = function(){ alert("hi");}
$scope.AppCtrl = this;
//return $scope.AppCtrl = this; //why this o
浏览 3提问于2013-10-01得票数 0
回答已采纳
我已经创建了一个指令，它有一个独立的作用域。不知何故，当我试图从指令的元素中获取作用域时，它给了我控制器的作用域，而不是孤立的作用域。
我的代码出了什么问题？谁能解释一下scope()方法是如何工作的？
这是我的js代码：
angular.module('myApp',[])
.directive('component',function(){
return {
restrict:'EA',
replace:false,
scope:{
浏览 1提问于2014-10-01得票数 0
在我的应用程序中，我有一些不经常改变的数据(类别)，我需要在多个控制器中访问它们。
我认为将我的“路由”控制器包装在一个可以容纳这些类别的AppCtrl中会很聪明。我遇到的问题是，在没有路由的情况下，我如何设置AppCtrl的解析？
下面是我现在拥有的代码，但是没有定义类别提供者：
'use strict';
var AppCtrl = ViewsDashboardApp.controller('AppCtrl', ['$scope', 'Categories',
function($scope, Categories) {
浏览 0提问于2013-06-07得票数 0
回答已采纳
2回答
我有一个应用程序，其中我使用一个名为“`AppCtrl”的主ctr来共享一些全局vars、helpers和数据。
我还为每个视图设置了一个控制器，所以每次用户刷新页面或第一次进入我的应用程序时，我都需要按一定的顺序执行一些任务，但这些任务是分开的。
例如，在AppCtrl中，我需要从我的数据库中加载一些用户数据，但我需要路由或辅助控制器(让我们调用他HomeCtrl )等待它加载它的内容，因为它依赖于来自AppCtrl的信息。
我使用$scope变量在控制器之间共享数据。
那么，如何让HomeCtrl等待AppCtrl执行的结束才开始它的处理呢？
编辑：
我创建了一个pastebin，，来分享
浏览 6提问于2017-01-09得票数 0
回答已采纳
我尝试做一些与egghead.io上的示例非常类似的事情。
所以从本质上讲，测试是有效的，但是一旦我将$scope和$rootScope注入控制器，它就停止工作了。
var myApp = angular.module("formulaViewer", []);
myApp.controller("AppCtrl", function($scope, $rootScope) {
this.message = "Hello";
})
测试文件
describe("sup", function() {
var appCtrl
浏览 0提问于2014-10-11得票数 0
2回答
我正在寻找一种清晰而优雅的方式，让当前登录的用户在我的应用程序中随处可见，因为我有一个包含用户信息的导航部分视图，以及一个注销按钮，但我没有做到这一点。
我的出发点是这个示例应用程序，我刚刚添加了一个AppCtrl，在这里我可以公开当前登录的用户。我尝试过添加用户提供程序，但这也不起作用。
controllers.js
.controller('AppCtrl', ['$scope', '$rootScope','simpleLogin', 'fbutil', '$location', functi
浏览 4提问于2014-09-25得票数 1
回答已采纳
我对AngularJS非常陌生--在我的AngularJS应用程序中，如果我们必须重定向或不重定向，我会检查我的AppCtrl控制器。
.controller('AppCtrl', function($scope, $location) {
if(window.localStorage.getItem("lastStation")) {
$location.path('/app/player/'+window.localStorage.getItem("lastStation"));
}
.
浏览 5提问于2014-06-23得票数 0
基本上，我的应用程序的核心围绕着通过$http请求从服务器检索的一组数据。一旦数据对客户端可用(作为一个对象数组)，我需要多个视图，并希望在它们之间保持其状态，例如，如果数据已被过滤，我只希望在其他视图中可以使用筛选过的数据。
目前，我有一个检索数据的基本服务，然后在一个应用程序范围的控制器中管理数据(数组)的状态(参见下文)。这是好的，但它开始变得一团糟，因为我试图维护数组长度，过滤状态，可见/隐藏对象跨控制器为每个视图，因为我必须跟踪currentVenue等在应用程序范围内的控制器。注意:我在每个视图中使用ng-重复来显示和过滤数据(另一个原因是我只想让它在中心位置被过滤)。
显然，这并
浏览 2提问于2013-11-29得票数 1
回答已采纳
按要求更新，提供更多信息：
我有一个调用web方法的控制器，我希望返回的JSON绑定到控制器中的一个名为applications的变量。警报正确显示JSON，但在视图中没有看到任何内容。
注意，我已经在控制器中使用了$scope和“this”，并且只使用了“this”，这就是为什么我在下面使用它而不是$scope的原因。
app.controller('AppsController', function ($http, $scope) {
$http.post('/WebMethod/DoStuff', {}).
success(function (data,
浏览 0提问于2015-06-19得票数 0
回答已采纳
在执行查询()方法之后，我试图从$scope.var中读取和获取数据。我正在使用.Factory获取有关该模型的信息。
这是我的控制器
var app = angular.module("appCtrl",[]);
app.controller('PersonController',['Person', '$scope',function(Person, $scope){
$scope.person = Person.query();
console.log($scope.person);
}]);
当我在铬控制台中显示c
浏览 3提问于2014-06-01得票数 0
回答已采纳
我在我的Angularjs中使用控制器，它一个接一个地从服务器上得到问题，我希望在特定的条件下，这个控制器应该调用一个路由提供程序，它应该用templateUrl改变我当前的视图，并将其放入一个指令中。
我的问题是，我可以在控制器而不是模块中调用路由提供程序吗？
这是我的CreateController
var CreateController = ['$scope', '$http', function ($scope, $http) {
$scope.model = {
};
................>
..............
浏览 1提问于2015-01-09得票数 1
回答已采纳
我尝试过在BottomSheet控制器中传递本地用户
//Bottom Sheet Controller
angular
.module('app').controller('BottomSheetCtrl', function($scope, $mdBottomSheet) {
$scope.items = [
{ name: 'Share', icon: 'share-arrow' },
{ name: 'Upload', icon: 'upload' },
{ na
浏览 1提问于2016-08-02得票数 1
回答已采纳
1回答
我在角度上是新的，这就是为什么我不知道什么时候应该在指令中声明控制器。
参见一个示例代码
<body ng-app="App">
<div ng-controller="AppCtrl">
<div data-items></div>
</div>
</body>
angular.module('App', []).
// sample data
controller('AppCtrl', function($scope){
浏览 3提问于2016-04-21得票数 0
回答已采纳
我在运行我的应用程序时遇到了一个错误:参数'AppCtrl‘不是一个函数，而是一个未定义的函数--我相信它与控制器文件的分离有关吗？
好的，我在我的第一个文件中有: app.js：
angular.module('zerochili', [
'ionic',
'zerochili.controllers',
'zerochili.services',
'zerochili.directives'
])
然后，我有一些不同的控制器文件--让我们把AppCtrl所在的文件放在那里
浏览 1提问于2016-08-17得票数 0
回答已采纳
1回答
我将一个变量从flask传递给一个模板，如下所示
@app.route('/')
def respond():
return render_template('index.html', bar='foo')
在附加到该页面主体的angularjs控制器中，我有一个类似如下的函数：
$scope.init = function(bar){
$scope.content = bar;
}
我尝试在模板中将这个变量从flask传递到angular，如下所示：
<body ng-init=&#
浏览 1提问于2015-02-13得票数 1
1回答
从角度指令观察控制器范围
、、、
我正在将数据从控制器传递到指令中。控制器正在更改数据，但是当控制器中的数据发生变化时，我无法获得响应指令。下面是指向JSFiddle：的链接。
我的html如下所示：
<div ng-app="app" ng-controller="appCtrl">
<h1 foo>Prop: {{prop}}</h1>
</div>
angular.module('app', [])
.controller('appCtrl', function($scope, $timeout) {
浏览 3提问于2014-04-03得票数 0
回答已采纳
2回答
我已经尝试了一切让ui路由器决心把它的价值传递给给定的控制器-AppCtrl。我在$inject中使用依赖注入，这似乎导致了问题的出现。我遗漏了什么？
路由
$stateProvider.state('app.index', {
url: '/me',
templateUrl: '/includes/app/me.jade',
controller: 'AppCtrl',
controllerAs: 'vm',
resolve: {
auser: ['User', fun
浏览 2提问于2015-01-13得票数 5
回答已采纳
1回答
我有一个问题，从离子的主视图导航到部分视图。我正在按照离子定义的规则做每一件事，但我似乎还不能把我的头围绕在这个问题上。
我的代码如下；
index.html：
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<script src="lib/ionic/js/ionic.bundle.js"></script>
</head
浏览 5提问于2015-06-07得票数 2
回答已采纳
嘿，我已经开发了混合应用，使用Ionic +类型记录+角形。我使用了Ionic lib的beta版本，它运行得很好，但是当我将离子型lib版本更新为1.0.0版本时，我从ionic.bundle.js中得到了以下错误
错误: ng:areq参数'AppCtrl‘不是一个函数，得到未定义的minErr/<@file:///E:/Yogesh/my_task/myApp/www/lib/ionic/js/ionic.bundle.js:8763:12 assertArg@file:///E:/Yogesh/my_task/myApp/www/lib/ionic/js/ionic.b
浏览 1提问于2015-06-03得票数 1
我正在使用ionic，并试图创建一个应用程序。我遇到的问题是，当我导航到一个新状态时，通过使用：
.controller('appCtrl', function($scope, $state) {
$scope.navigate = function(path) {
$state.go(path);
};
})
它导航到我的新视图/模板，但也显示了我从新模板上方导航的前一个模板。附件中的图片用于演示此问题。
这些是我的路线
.config(function($stateProvider, $urlRouterProvider) {
$st
浏览 0提问于2016-10-10得票数 0
在另一个控制器中，我得到应用程序控制器如下(因为它是通过需求定义的)：
appCtrl = this.get('controllers.application');
访问或设置属性运行良好。
appCtrl.set("property", true);
将触发已注册的侦听器。
但我无法调用应用程序控制器的方法，例如假设应用程序控制器中存在函数x。然后，以下调用失败，因为appCtrl不包含函数x：
appCtrl.x();
我还尝试将x定义为应用程序控制器中的操作，并从外部触发，如下所示：
appCtrl.send("x");
这也不起作用。
如
浏览 1提问于2015-03-26得票数 0
回答已采纳
我得到了一个AngularJS WebApp，我用Karma和Jasmine.js测试它
但是，如果在控制器中使用navigator.webkitGetUserMedia()，则会引发错误。
TypeError：“未定义”不是一个函数(计算'navigator.webkitGetUserMedia')
这是我的控制器的一个例子
app.controller('appCtrl', function ($scope, $interval, $location, globVal, loginService) {
naviga
浏览 3提问于2015-04-28得票数 0
回答已采纳
我对Angular是个新手。我正在尝试从角度控制器获取数据到Laravel Blade。由于某些原因，它不起作用。
socket.io部件工作正常。我在$scope.message上做了console.log，它就在那里。
所以问题出在Angular code和Laravel blade之间。我的代码是：
<body ng-app="app">
<div ng-controller="AppCtrl">
<input id="auth_id" type="hidden" value="{{
浏览 0提问于2015-10-16得票数 0
在下列情况下
<section ng-controller="AppCtrl">
<p ng-show="currentAirport">Current airport is : {{currentAirport}}</p>
</section>
我过去经常这样声明控制器，没有问题。
function AppCtrl ($scope) {
$scope.currentAirport = 'JFK';
}
但是最近，我尝试调整相同的控制器代码，使其看起来
浏览 1提问于2014-06-01得票数 0
回答已采纳
1回答
在AngularJS中，可以在没有指令或routeProvider的情况下从模板中调用方法来绑定作用域吗？
我的具体问题是我的主控制器(AppCtrl)位于我的索引页面的主体上。在索引上，我使用ngView根据路由引入模板。除默认模板外，每个routeProvider都有自己的控制器。我假设由于作用域继承，我可以使用用模板中的AppCtrl定义的方法，但尝试只做一个简单的警报或console.log不会注册任何东西。我知道$scope正在访问模板，因为我的数据显示正确。
这似乎是一个$scope问题，但我不确定如何解决它。我需要创建一个指令来显式绑定它们吗？
index.html
<bo
浏览 0提问于2013-05-30得票数 4
回答已采纳
我有一个简单的Angularjs应用程序，它有一个控制器，其中包含一个名为id的字符串范围列表。
angular.module('app', [])
.controller('appCtrl', ['$scope', '$timeout',
function($scope, $timeout) {
$scope.ids = ['id1', 'id2'];
}]);
在html部分中，ngrepeat迭代In并将此In添加到div列表中：
<div ng-app="ap
浏览 0提问于2018-04-24得票数 2
回答已采纳
好的，我有一种情况，我想点击一个边菜单项来改变同一主视图中的内容。
以下是我的menu.html：
<ion-item menu-close href="#/app/recipes" ng-click="showFeaturedRecipes()">
Featured Recipes
</ion-item>
<ion-item menu-close href="#/app/recipes" ng-click="showRecipeCategories()">
Recipe Categor
浏览 2提问于2015-12-10得票数 0
回答已采纳
我一直试图监视一个在初始化控制器时执行的函数，但是测试总是失败的。我一直在尝试执行$scope.$digest()，但是它不起作用，但是在控制台中，我看到函数已经被调用了。
我搞不懂，有人能跟我解释为什么这不管用吗？
代码示例：
控制器
function Controller($stateParams, $scope){
$scope.requestAuthorization = requestAuthorization;
if ($stateParams.requestAuthorization === true) {
console.log('$statePar
浏览 9提问于2016-04-08得票数 11
回答已采纳
1回答
目前，我正在编写一个AngularJS webapp应用程序，它使用了部分的角用户界面--特别是用户界面引导程序。
我希望能够显示一个加载对话框，而应用程序得到它的数据。在初始加载时，我还打算不显示对话框后面的任何内容。
我尝试了以下操作，并成功地打开了对话框，但是当数据加载时，它不会关闭。
JS:
angular.module('MyApp', [ui.bootstrap])
.controller ('AppCtrl', function ($scope, $http, $dialog) {
$scope.initalized = false;
浏览 1提问于2013-08-01得票数 1
回答已采纳
6回答
我试图从变量中设置iframe的src属性，但是我无法让它工作.
标记：
<div class="col-xs-12" ng-controller="AppCtrl">
<ul class="">
<li ng-repeat="project in projects">
<a ng-click="setProject(project.id)" href="">{{project.url}}</a&
浏览 7提问于2013-11-18得票数 219
回答已采纳
我对AngularJS很陌生，需要一些帮助，我有一个"AppCtrl“，从那里我有一个HTTP调用--并且需要在我的其他控制器中访问webservice调用响应。
angular.module('starter.controllers', [])
.controller('AppCtrl', function($scope, $http) {
$scope.webservice_url = "http://webserviceurl.com/";
$http.get($scope.webservice_url+
浏览 3提问于2014-06-19得票数 6
回答已采纳
myIdentity的值只创建一次，并在第一次使用以下Angular.js控制器后永久保存在本地存储中。
函数$scope.createIdentity()是更全局的控制器中的一个复杂函数，它将结果保存到$localstorage.myIdentity。这是完美的工作！createIdentity()函数在内部使用Q promise。但是在AppCtrl中，我遇到了竞争条件的问题，因为在触发我的$http XHR请求之前，$localstorage.myIdentity还没有得到解决。所以它不包含任何myId的值。
只有在第一次使用控制器时才会发生这种情况。
但我需要在第一次调用AppCtrl
浏览 0提问于2015-07-03得票数 0
1回答
我让ng类很好地处理控制器$scope上定义的所有内容：
<body ng-app="thomasApp" ng-controller="AppCtrl">
<nav hide-show-nav ng-class="{'fixed-nav':fixedNav, 'hide-nav':!showNav}">
<ul>...</ul>
</nav>
...
</body>
app.controller("AppCtrl&
浏览 4提问于2014-05-21得票数 0
回答已采纳
1回答
我有一个名为直方图演示的组件，其中有一个单独的控制器，它有一个名为$scope.selectedElements的变量，我想在主appCtrl控制器中查看这个变量。如果没有$rootScope，我如何能够访问这个变量。
主HTML
<html lang="en-US" ng-app="histogram-test" ng-controller="appCtrl">
<div class="histogram-container"> <histogram-demo options = "o
浏览 1提问于2017-06-29得票数 1
回答已采纳
在我的视图中从控制器打印数据时遇到了问题。有没有人能看一下，告诉我怎么才能用html打印这个对象？我尝试这样绑定: vm.data = data，但不起作用。
angular
.module('app')
.controller('appCtrl', appSettings);
function appSettings($scope, dataProvider){
let vm = this;
vm.name = "Test app";
//Take data from services / refreshe
浏览 2提问于2017-07-12得票数 0
2回答
我想问你这是否可能，如果是，那么我如何从控制器传递一些变量到指令。下面是我的一些代码：
app.js
var VirtualGallery = angular.module('virtualGallery', ['VirtualGalleryControllers', 'ngRoute']);
VirtualGallery.constant('apiURL', 'roomPicture');
VirtualGallery.run(['$rootScope', function ($rootSco
浏览 1提问于2016-07-30得票数 0
回答已采纳
我知道从模型中很容易做到这一点，如下所示：
function AppCtrl($scope) {
$scope.currentNavItem = 'page1';
}
但是从视图上看，你会怎么做呢？
浏览 9提问于2016-08-30得票数 1
回答已采纳
我有一个列表控制器，
define([
'jquery',
'app'
], function ($,app) {
app.controller("ListContacts", function($scope,$route,$http){
$http({
method: 'GET',
url:'php/listContacts.php'
}).then(function(response) {
浏览 5提问于2013-12-29得票数 1
回答已采纳
1回答
我的应用程序中有以下控制器：
主控制器：
app.controller('AppCtrl', ['$scope', function ($scope) {
$scope.app = {
amount: 0
};
}]);
儿童财务主任：
app.controller('ChildCtrl', ['$scope', function ($scope) {
var timeLoop = function (amount) {
$timeout(function () {
浏览 0提问于2016-11-01得票数 2
回答已采纳
2回答
我创建了一个基于ng样板的应用程序。一切都很好。然而，现在我接近部署，我想编译和缩小代码。这是直接使用grunt编译，但当然，应用程序崩溃时，缩小。我没料到会有更少的事！
我将依赖项注入到控制器中，如下所示：
var appCtrl = app.controller('AppCtrl', function AppCtrl($scope, $rootScope, helpService, userService, menuService, $location) {... body ...});
appCtrl.$inject = ['$scope', '
浏览 1提问于2013-08-13得票数 0
回答已采纳
我正在构建一个应用程序，Angular.js加入了LinkedIn API。所发生的情况是，当我调用API时，模型不会立即刷新，而是在屏幕上进行另一个更改之后。例如，我将API调用绑定到一个按钮，但我必须按两次才能刷新数据。这是我的控制器：
angbootApp.controller('AppCtrl', function AppCtrl($scope, $http) {
$scope.getCommitData = function() {
IN.API.Profile("me").fields(
浏览 2提问于2013-01-31得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
