AngularJS $位置不会正确更改路径

Question

由于某些原因，$location.path不会指向detail.html。表格行是可点击的，当您点击它们时，所有信息都会消失，除了警报外，它只显示。这部分是我的控制器脚本：

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

app.config(function($routeProvider) {
  $routeProvider.when('/', {
      templateUrl: 'list.html',
      controller: 'ListController'
    })
    .when('/detail', {
      templaterUrl: 'detail.html',
      controller: 'DetailController'
    })
    .otherwise({
      redirectTo: '/'
    });

});

app.controller("ListController", ["$scope", "$location", "$routeParams",
  function($scope, $location, $routeParams) {
    $scope.customers = [{
      id: 0,
      Title: 'noora',
      order0: 'coffee',
      url: 'http://static.iltalehti.fi/terveys/teekuppi1308MZ_tr.jpg'
    }, {
      id: 1,
      Title: 'tom',
      order0: 'tea',
      url: 'http://papunet.net/sites/papunet.net/files/kuvapankki/Kahvi.jpg-dup.jpg'
    }, {
      id: 2,
      Title: 'lauri',
      order0: 'coce',
      url: 'http://static.makuja.fi/files/articles/1238382.515x325.jpg'
    }];

    $scope.detailView = function() {
      alert("click works");
      $location.path("/detail").replace();
      $scope.$apply();

    };

  }
]);

Answer 1

请删除“$ scope。$ apply（）;”并尝试。

请参阅此处了解何时使用$ scope的详细信息。$ apply（）“http://tutorials.jenkov.com/angularjs/watch-digest-apply.html#apply”