无法访问视图中的范围-Angular

Question

由于某种原因，我无法从视图中的控制器作用域变量中检索数据。 我所有的视图都使用相同的控制器，所以我不确定出了什么问题。 任何帮助，将不胜感激。

这是我的App.js

    var app = angular.module('app', [
    'ngRoute'
    ]);


// Route configurations
app.config(['$routeProvider', function ($routeProvider){
$routeProvider.when('/', {
templateUrl: 'partials/home.html',
controller: 'MainController'
})
.when('/countries', {
templateUrl: 'partials/countriesList.html',
controller: 'MainController'
})
.when('/details', {
templateUrl: 'partials/countryDetails.html',
controller: 'MainController'
})
.otherwise({
 redirectTo: '/'
 });
}]);



// Main Controller Setup
app.controller('MainController', ['$scope', MainController]);
function MainController ($scope){
$scope.hello = 'hello';
}

这是我尝试访问以下范围的视图之一：

<h1>Country List</h1>
<a href="#details"><button class="btn">Countries Details</button></a>

<p>hello: {{hello}}</p>

这是我的index.html

<!DOCTYPE html>
<html ng-app="app">
 <head>
  <title>Countries and Capitals</title>
  <link rel="stylesheet" type="text/css" href="css/vendor/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/main.css">
 </head>
 <body ng-controller="MainController" ng-cloak>
  <div class="container">
    <div class="row">
      <div class="col-sm-12 text-center">
        <ng-view></ng-view>
      </div>
     </div>
   </div>


  <script src="js/vendors.js"></script>
  <script src="js/scripts.js"></script>
 </body>
</html>

Answer 1

由于嵌套作用域而引起的问题。 使用某些嵌套作用域的更好方法是使用controllerAs方法。 您可以尝试：

```

<body ng-controller="MainController as myctrl" ng-cloak>

<p>hello: {{myctrl.hello}}</p>

```

Answer 2

在ng-route中添加控制器时，您要做的是创建同一控制器的另一个作用域。 我的建议是您不使用任何控制器，即删除控制器属性或添加$ parent。 在您引用的视图中。

如果要在一组页面上具有相同的作用域，则首选第一个；如果您要为不同的页面使用不同的控制器，则首选第二个。

除此之外，如果您要访问全局变量，则可以将它们添加到$ rootScope并全局访问它们。

希望这可以帮助

无法访问视图中的范围-Angular

问题描述

2 个解决方案

解决方案1
1 2015-11-03 18:10:42

解决方案2
0 2018-05-15 11:59:35

无法访问视图中的范围-Angular

问题描述

2 个解决方案

解决方案1 1 2015-11-03 18:10:42

解决方案2 0 2018-05-15 11:59:35

解决方案1
1 2015-11-03 18:10:42

解决方案2
0 2018-05-15 11:59:35