Question

我创建了一个使用Angular 1.0.8的项目。我创建项目设置正确的路由和我的控制器，当我尝试访问我的路由中的$ scope它给我一个问题，我必须去访问我使用 $ scope设置的范围变量。 prevSibling [变量] 我设置错了吗？我创建了一个具有相同结构的类似项目，它工作正常我可以使用我的模块直接访问$ scope？

function AppCtrl($scope) {
$scope.navigation = [

 { name: "main", route: "#/" },
 { name: "edit", route: "#/edit" },
 { name: "save", route: "#/save" },
 { name: "settings", route: "#/settings" }

];

$scope.currentPage = null;

$scope.setCurrentPage = function (index) {

    $scope.currentPage = $scope.navigation[index];

}

angular.forEach($scope.navigation, function (value, key) {

    $scope[value.name + "Active"] = "";

})

$scope.setActive = function (name) {

    angular.forEach($scope.navigation, function (value, key) {

        $scope[value.name + "Active"] = "";

    })

    $scope[name + "Active"] = "active";

}

}

这是我的模块设置：

angular.module('Sample', [])
       .config(appRouter);

function appRouter($routeProvider) {

    $routeProvider.when("/", {
        templateUrl: "partials/default.html",
        controller: function ($scope) {

            console.log($scope.$$prevSibling.setActive);

        }
    })
 }

<!DOCTYPE html>
<html ng-app="Sample">
<head>
   <title>Sample Angular App</title>
   <script src="Scripts/lib/basket.js"></script>
   <link rel="stylesheet" href="css/global.css"/>
   <link rel="stylesheet" href="css/style.css" />
   <script src="Scripts/lib/angular.min.js"></script>
   <script src="Scripts/controllers/app.js"></script>
   <script src="Scripts/app.js"></script>
</head>
<body>
   <div class="wrapper" ng-controller="AppCtrl">
       <div class="navigation">
          <ul class="cf">
             <li ng-repeat="link in navigation" ng-class="{active:$index == activeIndex}" class="{{link.name}}"><a class="icon-{{link.icon}}" href="{{link.route}}"> {{link.name | uppercase}} </a></li>
          </ul>
       </div>
       <div class="viewWrapper">
           <div class="sidebarParent">
              <div ng-include src="sidebarUrl" class="sidebar">

              </div>
           </div>
           <div class="viewParent">
               <div ng-view class="view">

                </div>
            </div>
          </div>
        </div>
      </body>
   </html>

style.css用于我的图标字体，global.css用于我的主要样式，basketjs是在本地存储一些脚本所以我以后可以使用easeljs，ng-repeat用于构建导航。一切正常，但只是范围已经关闭？我要去prevSibling？ controllers / app.js是AppCtrl所在的位置，Scripts / app.js是我的模块所在的位置。

Answer 1

在研究了更多角度后，我意识到$$ prevSibling上升了元素的范围链，所以如果你没有在下一个范围内有一个元素，那么你将收到回来一个null对象，因为那里什么都没有。

Angular JS范围问题模块不读取控制器范围

1 个答案: