访问全局变量
[英]Accessing global variables
问题描述
我试图在我的angularjs项目中设置一个根范围，以便可以从HTML的任何位置（而不是ng-view）访问名称。
<!DOCTYPE html>
<html lang="en" ng-app="phonecatApp" ng-controller="ApplicationController">
</html>
封装了整个页面
我已经加载了一个名为app.js的js文件，其中包含以下内容：
var phonecatApp = angular.module('phonecatApp', []);
phonecatApp.factory('UserService', function(){
return {
name : 'Tom'
};
})
function ApplicationController($scope, UserService){
$scope.username = UserService.name
}
我正在尝试在index.html中执行以下操作：
<a href="#index" class="nav-item name_p_nav">{{username}}</a>
但这只是空白
编辑：固定错别字
2 个解决方案
解决方案1
0 2014-10-29 16:33:52
您可以尝试这样。 更改您声明控制器的方式。 为了使用$ scope变量，您必须对其进行声明，可能您应收到未声明的脚本错误，请使用开发人员工具在浏览器中签入以查找确切的错误。
phonecatApp.controller('ApplicationController',['$scope',function ($scope){
$scope.username = UserService.name
}]）;
解决方案2
0 2014-10-29 16:51:46
我试图重现问题，我迅速创建了一个应用程序，它对我有用！ 在这里，我将发布示例代码，让我们看一看。
<html lang="en" ng-app="phonecatApp" ng-controller="ApplicationController">
<head>
<script src="../Scripts/lib/angular.min.js"></script>
<script src="../Scripts/Application1.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0rc1/angular-route.min.js"></script>
</head>
<body>
<a href="#index" class="nav-item name_p_nav">{{username}}</a>
</body>
脚本：
var phonecatApp = angular.module('phonecatApp', []);
phonecatApp.factory('UserService', function(){
return {
name : 'Tom'
};
})
function ApplicationController($scope, UserService){
$scope.username = UserService.name
}
访问全局变量的问题
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.