無法通過路由在angularjs中的視圖之間傳遞數據

Question

在我的angularjs應用程序中，我試圖通過路由傳遞數據從一個cshtml視圖到另一個視圖，但在details.cshtml中，我沒有看到數據進入它雖然我可以看到在URL

Index.cshtml（視圖1）的變化

<a href="/#/Details/{{ cid }}" ng-click="SendToCartPage(cartprd)">{{addprodtocart}} </a> 

Controller.js

app.controller('CartController', function ($scope) { 
$scope.SendToCartPage = function(cartprd) 
{ 
    var len = cartprd.length - 1; 
    $scope.cid = cartprd[len]; 
} 

}）;

Details.cshtml（我沒有看到進入下面的跨度的數據）

<div ng-controller="CartController"> 
    <span ng-model="cid">{{cid}}</span> 
</div> 

Myrouting

var app = angular.module("productmodule", ["ngRoute"]); 
app.config(['$routeProvider', 
    function ($routeProvider) { 
    $routeProvider. 

       when('/Details/:cid', { 
        templateUrl: '/Product/Details', 
        controller: 'CartController' 
       }); 
    }]); 

我創建了一個plunker這一點。我無法從第1頁的數據發送到第二頁 http://plnkr.co/edit/micM7vlslznEIZXP293Y?p=preview

Answer 1

您的問題是你的控制器再次被實例化，而在HREF點擊和範圍越來越重建& $scope.cid被設置爲未定義。

你可以實現通過使用$routeParams相同，這將給訪問什麼網址包含

你的情況，這將是$routeParams.cid

代碼

app.controller('CartController', function ($scope, $routeParams) { 
    $scope.SendToCartPage = function(cartprd) 
    { 
    var len = cartprd.length - 1; 
    //$scope.cid = cartprd[len]; 
    } 
    $scope.cid = $routeParams.cid; 
}); 

更新

您應該使用$routeParams服務從URL中獲取數據

代碼

var app = angular.module('plunker', ['ngRoute']); 
app.config(['$routeProvider', 
    function($routeProvider) { 
    $routeProvider. 
    when('/Details/:cid', { 
     templateUrl: 'page2.html', 
     controller: 'CartController' 
    }).when('/', { 
     templateUrl: 'page1.html', 
     controller: 'CartController' 
    }); 
    } 
]); 
app.controller('CartController', function($scope, $routeParams) { 
    $scope.myvar = $routeParams.cid; //this will asign value if `$routeParams` has value 
    console.log($scope.myvar); 
    $scope.Add = function(c) { 
    $scope.myvar = c; 
    } 
}); 

Working Plunkr