我读了这个链接:AngularJS access scope from outside js function,我试图访问控制器,但我没有像 fiddlejs 示例那样设置我的 index.html。
我将我的应用设置为使用 $routeProvider 并设置一个简单的服务来共享一些应用数据。我希望能够在控制器之间进行通信并使用该服务来做到这一点。尽管我的一条路线遇到了问题,因为我希望能够将一些应用程序数据从页面设置到服务。
signin.html 有一堆使用一些 javascript 小部件的 javascript,一旦完成,它们就会有回调。我试图从脚本中调用我的 LoginController 中的一个方法,但我得到一个未定义的,因为我没有使用 ng-controller 指定控制器。有没有办法从我的 signin.html 中的脚本访问 LoginController?
myapp.js
var myApp = angular.module('myApp', ['ngCookies', 'ngResource'],
function ($routeProvider, $locationProvider, $httpProvider) {
});
myApp.service('sharedPropertiesService', function () {
var isValidUser = false;
return {
setValidUser: function (userValid) { isValidUser = userValid;},
isValidUser: function () {return isValidUser;},
};
});
myApp.controller('loginController', ['$scope', '$http', 'sharedPropertiesService',
function ($scope, $http, sharedPropertiesService) {
$scope.test = function() {alert('called from inside the html template.');};
}
]).controller('PageController', ['$scope', '$location', 'sharedPropertiesService',
function ($scope, $location, sharedPropertiesService) {
if (sharedPropertiesService.isValidUser()) {
$location.path('/myapp');
} else {
// Have them login
$location.path('/signin/');
}
}
]);
myApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/', {templateUrl: '/home.html', controller: 'PageController'}).
when('/signin', {templateUrl: '/signin.html', controller: 'SusiController'}).
when('/myap', {templateUrl: '/myApp.html', controller: 'PageController'});
}]);
索引.html
<html ng-app="myApp">
<head>
// load Angularjs, jquery, etc.
</head>
<body>
<div id='myapp' ng-view ng-cloak></div>
</body>
</html>
登录.html
<div id="loginwidget">
<div role="main" id="content" >
<div id="signIn" >
</div>
<div>
<div>
<script>
$.ready('loginwidget_main', function () {
loginwidget.load('signin', function () {
done : success,
fail : fail
});
});
function success() {
var scope = angular.element($('#myapp')).scope().test;
alert(scope); // this shows undefined
scope();
}
function fail() {alert("failed to login");}
</script>