角度路由提供者和傳遞作用域

Question

我正在使用routeProvider在我的應用中創建深度鏈接。我的問題是我需要有多個層次。因此，可以說，我有一個產品頁面中的鏈接將是：

http://example.com/#/products

$ scope.products包含了所有的產品。一旦點擊了產品，我需要能夠保留$ scope.products並將URL更改爲http://example.com/#/products/1。 '/ 1'是產品的ID。你的產品控制器上

Answer 1

創建一個函數，並調用它來導航到編輯頁面http://example.com/#/products這樣的事情...

$scope.edit = function (data) { 
     $window.location.href = '#/Products/Edit' + '?id=' + data.id; 
    }; 

您的編輯器調用$ routeParams

，並從你的API加載對象，如它可能已經改變

function loadProduct() 
    { 
     productEditFactory.getProduct($routeParams.id).then(function (response) { 
      $scope.product = response.data; 
     }, function (response) { 

     }); 
    } 

    if ($routeParams.id) 
    { 
     loadProduct(); 
    } 
    else { 
     $scope.editMode = false; 
    } 

還需要像這樣的東西來更新您的$ routeProvider定義...

.when('/Product/Edit', { 
     templateUrl: function (params) { return 'Products/Edit?id=' + params.id ; } 
    })