在 ng-view 中访问 $scope 的正确方法

Question

这是我的plunk。

我正在使用 ngRoute。

我正在尝试将一个值递增 ng-click，当我单击 "Show total" link 时，它应该加载显示该值的 ng-view 模板。但是，它不显示增量值。就像它没有访问范围。

这是怎么回事？

Answer 1

当 $scope.total 落在 /total 路线上时，您似乎正在重置它的值。 ng-init 可用于在控制器外初始化 total 的值

Answer 2

您应该从您的 $routeProvider 中删除 MainCtrl 控制器，当条件再次加载 MainCtrl 并且创建了不必要的范围时。

app.config(function($routeProvider){
  $routeProvider
  .when('/total',{
    templateUrl : 'template.html',
    //controller : 'MainCtrl' //<-- remove controller here
  })
});

在 ng-view 中访问 $scope 的正确方法

Proper way of accessing the $scope within ng-view

javascript

angularjs

angularjs-scope

ng-view