Правильный способ доступа к $ scope в ng-view

Question

Вот мой plunk.

Я использую ngRoute.

Я пытаюсь увеличить значение на ng-click, и когда я нажимаю ссылку «Показать все», он должен загрузить шаблон ng-view, показывающий значение. Тем не менее, он не показывает увеличиваемое значение. Это похоже на то, что он не имеет доступа к области.

Что здесь не так?

Answer 1

Вы должны удалить контроллер MainCtrl из вашего маршрутного маршрута, когда загружается MainCtrl, и ненужная область была создана.

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

Answer 2

Похоже, вы сбрасываете значение $scope.total, когда оно приземляется на маршрут /total. ng-init можно использовать для инициализации значения общей величины вне контроллера