訪問全局變量
[英]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.